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>
点击了按钮后,变成下图的样子:
这里隐藏了<p>标签
$("p").hide();
相关推荐
83510998 2020-08-08
tthappyer 2020-07-25
tztzyzyz 2020-07-05
87281248 2020-07-04
82244951 2020-06-28
89510194 2020-06-27
牵手白首 2020-06-14
开心就好 2020-06-10
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15