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表示的索引号是偶数,实际显示效果是奇数行。