jQuery——jQuery选择器

基本选择器

#       Id选择器        $(“#btnShow”)选择id为btnShow的一个元素
.       类选择器        $(“.liItem”)选择含有类liItem的所有元素
ele     标签选择器      $(“li”)选择标签名为li的所有元素

层级选择器

空格    后代选择器    $(“#j_wrap li”)选择id为j_wrap的元素的所有后代元素li
>      自带选择器    $(“#j_wrap > ul > li”)选择id为j_wrap的元素的所有子元素ul的所有子元素li

基本过滤选择器

:eq(index)  选择匹配到的元素中索引号为index的一个元素   $(“li:eq(2)”)选择li元素中索引号为2的一个元素
:odd        选择匹配到的元素中索引号为奇数的所有元素     $(“li:odd”)选择li元素中索引号为奇数的所有元素
:even       选择匹配到的元素中索引号为偶数的所有元素     $(“li:even”)选择li元素中索引号为偶数的所有元素

筛选选择器

find(selector) 查找所有后代元素（子子孙孙）   $(“#j_wrap”).find(“li”)选择id为j_wrap的所有后代元素li
children()     查找直接子元素（亲儿子元素）   $(“#j_wrap”).children(“ul”)选择id为j_wrap的所有子代元素ul
siblings()     查找所有兄弟元素（不包括自己）  $(“#j_liItem”).siblings()选择id为j_liItem的所有兄弟元素
next()         查找该元素的下一个兄弟元素     $(“#j_liItem”).next()选择id为j_liItem的下一个兄弟元素
nextAll()      查找该元素之后所有兄弟元素     $(“#j_liItem”).nextAll()选择id为j_liItem之后所有兄弟元素
prev()         查找该元素的上一个兄弟元素     $(“#j_liItem”).prev()选择id为j_liItem的上一个兄弟元素
prevAll()      查找该元素之前所有兄弟元素     $(“#j_liItem”).pervAll()选择id为j_liItem之前所有兄弟元素
parent()       查找父元素                  $(“#j_liItem”).parent(“ul”)选择id为j_liItem的父元素
eq(index)      查找索引号为index的一个元素   $(“li”).eq(2)选择所有li元素中的第二个

注意事项

1、后代选择器包括儿子孙子重孙子....而子代选择器只包括儿子。

2、：odd表示的索引号是奇数，实际显示效果是偶数行；：even表示的索引号是偶数，实际显示效果是奇数行。