jQuery-选择器

2021-06-28 06:06

阅读:1562

标签: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


评论


亲,登录后才可以留言!