jquery查找元素,javascript查找元素

怎么用jquery查询html元素

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

几点说明：

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后段落消失

相关问答

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

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

补充：

根据ID获取：$("#idName").text()，

根据标签名获取：$("p").text()，

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

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

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

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

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

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

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

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

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

三. 后代节点的检索（检索深度N=1）

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

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

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

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