jquery元素选择器允许对html元素组或单个元素进行操作。
jquery所有选择器都是以$()开头。
首先jquery元素选择器:
$("b") 选取 <p> 元素。 $("b.into") //选取所有 class="into" 的 <b> 元素。 $("b#demo") //选取所有 id="demo" 的 <b> 元素。
选取class=“dosomething”元素jquery代码:
$(.dosomething)
选取id=“dosomething”元素jquery代码:
$("#dosomething")
$("this")//当前html
jquery属性选择器:
$("[href]") // 选取所有带有 href 属性的元素。 $("[href='#']") //选取所有带有 href 值等于 "#" 的元素。 $("[href!='#']") //选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") //选取所有 href 值以 ".jpg" 结尾的元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/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>
点击了按钮后,变成下图的样子:
这里隐藏了<p>标签
$("p").hide();