jQuery 学习（四）

jQuery 为最常用的过滤器提供了专用的方法，已达到提到性能和效率的作用：$('li').eq(2).css('background', '#ccc'); //元素li 的第三个元素，负数从后开始$('li').first().css('background', '#ccc'); //元素li 的第一个元素$('li').last().css('background', '#ccc'); //元素li 的最后一个元素$('li').not('.red').css('background', '#ccc'); //元素li 不含class 为red 的元素

//选择元素文本节点含有ycku.com 文本的元素$('div:contains("ycku.com")').css('background', '#ccc');$('div:empty').css('background', '#ccc'); //选择空元素$('ul:has(.red)').css('background', '#ccc'); //选择子元素含有class 是red 的元素$(':parent').css('background', '#ccc'); //选择非空元素

$('ul').has('.red').css('background', '#ccc'); //选择子元素含有class 是red 的元素$('p:hidden).size(); //元素p 隐藏的元素$('p:visible').size(); //元素p 显示的元素$('li:first-child').css('background', '#ccc'); //每个父元素第一个li 元素$('li:last-child').css('background', '#ccc'); //每个父元素最后一个li 元素$('li:only-child').css('background', '#ccc'); //每个父元素只有一个li 元素$('li:nth-child(odd)').css('background', '#ccc'); //每个父元素奇数li 元素$('li:nth-child(even)').css('background', '#ccc'); //每个父元素偶数li 元素$('li:nth-child(2)').css('background', '#ccc'); //每个父元素第三个li 元素

$('li').filter(function () {return $(this).attr('class') == 'red' && $(this).attr('title') == '列表3';}).css('background', '#ccc');