jQuery之过滤选择器

过滤选择器

　　1.基本选择器

　　2.内容选择器

　　3.可见性选择器

　　4.子元素过滤器

 过滤选择器简称：过滤器。它其实也是一种选择器，而这种选择器类似于CSS3(http://t.mb5u.com/css3/)里的伪类,可以让不支持CSS3的

浏览器也能支持。和常规的选择器一样，jQuery为了更方便开发者使用，提供了很多独有的过滤器。

一、基本过滤器

　　过滤器主要通过特定的过滤规则来筛选所需的DOM元素，和CSS中的伪类的语法类似：使用冒号（:）开头。

　　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的元素

　　注意：:first、:last和first()、last()这两组过滤器和方法在出现相同元素的时候，first会实现第一个父元素的第一个子元素，last会实现最后一个父元素的最后一个子元素，所以，如果需要明确是哪个父元素，需要指明：

　　$(‘#box li:last‘).css(‘background‘,‘#ccc‘);  //#box元素的最后一个li

　　//或

　　$(‘#box li‘).last().css(‘background‘,‘#ccc‘)  //同上