网站建设资讯

NEWS

网站建设资讯

jquery查找元素,javascript查找元素

怎么用jquery查询html元素

用jquery查询html元素是利用jquery的选择器实现的。

创新互联专注骨干网络服务器租用10年,服务更有保障!服务器租用,成都服务器托管 成都服务器租用,成都服务器托管,骨干网络带宽,享受低延迟,高速访问。灵活、实现低成本的共享或公网数据中心高速带宽的专属高性能服务器。

几点说明:

jQuery 选择器允许程序员对 HTML 元素组或单个元素进行操作。

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。

jQuery 中所有选择器都以美元符号开头:$()。

举例:

!DOCTYPE html

html

head

meta charset="utf-8"

title关于jquery的选择器/title

script src="./jquery/2.0.0/jquery.min.js"

/script

script

$(document).ready(function(){

$("button").click(function(){

$("p").hide();

});

});

/script

/head

body

h2这是一个标题/h2

p这是一个段落。/p

p这是另一个段落。/p

button点我/button

/body

/html

运行结果:

1、显示一个button和两段文字:

2、点击button后段落消失

在jQuery中,通过方法什么获取元素标签内容?

jquery有text()、html()、val()这三种获得标签内容的方法;

补充:

根据ID获取:$("#idName").text(),

根据标签名获取:$("p").text(),

根据类名获取:$(“.class1”).text()

jQuery如何查找最近的匹配元素

一. 同级节点之间的检索(检索深度N=0)

next()是在兄弟节点中,往后匹配;

prev()是在兄弟节点中,往前匹配。

二. 父级/子级节点的检索(检索深度N=1)

children()是在子节点中,往后匹配。

parent()是在父节点中,往前匹配。

ps:请注意了---子节点和父节点都是相邻的,深度为1的节点,也就是标题提到的检索深度为1

三. 后代节点的检索(检索深度N=1)

find()检索的是子代元素和后代元素,不会检索兄弟节点。

parents() 检索的是祖辈元素(包括父元素)的集合。

closest()检索的是最近的祖辈元素(一个)

ps:当往上级检索节点的时候,推荐使用closet,效率更高!


本文名称:jquery查找元素,javascript查找元素
本文地址:http://njwzjz.com/article/dscgdpp.html