李炎恢老师jQuery视频教程

高级选择器

1.后代选择器,获取追溯到的多个DOM 对象

$('ul li a')

$('ul li').find('a').css(...)

2.子选择器,只能选择作为某元素子元素的元素。

$('#box > p').css('color', 'red');

$('#box').children('p').css('color', 'red');

3.相邻兄弟选择器，可选择紧接在另一元素后的元素，且二者有相同父元素。

$('#box+p').css('color', 'red');

$('#box').next('p').css('color', 'red');

如果选择紧接着的所有兄弟元素

$('#box ~ p').css('color', 'red');

$('#box').nextAll('p').css('color', 'red');

4.其它选择器

选择同级上一个元素

$('#box').prev('p').css('color', 'red');

同级上一个所有元素

$('#box').prevAll('p').css('color', 'red');

同级上非指定元素选定，遇到则停止

$('#box').preUtil('p').css('color', 'red');

同级下非指定元素选定，遇到则停止

$('#box').nextUtil('p').css('color', 'red');

//同级上下所有元素选定,等同于preAll和nextAll

$('#box').sibling('p').css('color', 'red');