怎么用jquery查询html元素

html-css07

怎么用jquery查询html元素,第1张

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

可以使用jq选择器,先根据元素类型获得元素对象,再获得那么,使用的时候each一下就可以了。$("标签名").attr(“name”).each(function(){ echo $(this).attr("name")})