jQuery-选择器

Posted 2020-09-27

选择器使用

基本选择器

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");