码迷,mamicode.com
首页 > Web开发 > 详细

jQuery-选择器

时间:2017-07-10 10:23:27      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:nextall   color   1.5   lan   lin   children   font   span   复合   

选择器使用

基本选择器

id选择器:$(‘#id‘);

class选择器:$(‘.class‘);

标签选择器:$(‘tag‘);

通配符选择器:$(‘*‘);  避免使用

this选择器:$(this);

复合选择器:$("#test, div, p.text");  可以改写为:$(‘#test‘).add(‘div, p.text‘);

层级选择器

$(‘div span‘);  选择div下的span元素,可以改写为:$(‘div‘).find(‘span‘);

$(‘div > span‘);  选择div下的span元素,可以改写为:$(‘div‘).children(‘span‘);

注:$(‘div > *‘);  选择div元素的所有子元素,可以改写为:$(‘div‘).children();

$(‘div + p‘);  选择div元素之后第一个p元素,可以改写为:$(‘div‘).next(‘p‘);

$(‘div ~ p‘);  选择div元素之后所有p元素,可以改写为:$(‘div‘).nextAll(‘p‘);

 

选择器性能

 

总结

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

$("#test").add("div, p.demo");  $("#test, div, p.demo");

jQuery-选择器

标签:nextall   color   1.5   lan   lin   children   font   span   复合   

原文地址:http://www.cnblogs.com/yiku/p/7144216.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!