jQuery——筛选选择器、筛选方法以及小小的淘宝精品服饰展示案例

jQuery的筛选选择器

语法	例子	描述
:first	$("li:first")	获取第一个li元素
:last	$("li:last")	获取最后一个li元素
:eq(index)	$("li:eq(2)")	获取索引号为2的li元素
:odd	$("li:odd")	获取索引号为奇数li元素
:even	$("li:even")	获取索引号为偶数的li元素

jQuery的常用筛选方法（因为是方法，所以后面记得加括号）

语法	例子	描述
parent()	$("li").parent();	查找父级
children(selector)	$("ul").children("li");	相当于$("ul>li")，最近一级亲儿子
find(selector)	$("ul").find("li");	相当于$("ul li")，后代选择器
siblings(selector)	$(".first").siblings("li");	查找兄弟li节点，不包括自己
eq(index)	$("li").eq(index)	相当于$("li:eq(2)")
hasClass("class")	$('div').hasClass("protected")	检查当前元素是否含有某个特定的类

jQuery得到当前元素索引号：$(this).index()

一个小例子：

    
    
    
    
    



    

        

            
女靴
            
雪地靴
            
冬裙
            
呢大衣
            
毛衣
            
棉服
            
女裤
            
羽绒服
            
牛仔裤