jquery选择器

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>

 
jquery选择器
 点击了按钮后,变成下图的样子:
jquery选择器
 这里隐藏了<p>标签

$("p").hide();

相关推荐