老生常谈jquery id选择器和class选择器的区别
实例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="style.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="jquery-2.1.4.js"></script> <script type="text/javascript" src="dams.js"> </script> </head> <body> <div class="box">hello</div> <div class="box">world</div> </body> </html> $(function(){ alert($('.box').size()); //返回2 });
size() 方法返回DOM对象的个数
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="style.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="jquery-2.1.4.js"></script> <script type="text/javascript" src="dams.js"> </script> </head> <body> <div id="box">hello</div> <div id="box">world</div> </body> </html> $(function(){ alert($('#box').size()); //只能获得一个id=box的DOM对象,返回1 });
即: id是唯一的,即使有多个id相同的元素,jquery选择器也只能获取其中一个 。所以:想在jquery中对id设置动作, id在页面中只允许出现一次。
对于CSS样式来说,可以选取页面中所有id=box的DOM对象:
#box { color: red; };
jQuery选择器的写法和CSS选择器十分类似,但是功能却不同:
CSS找到元素后添加的是单一样式,而jquery添加的是动作行为。
相关推荐
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