jQuery中的选择器

筛选选择器:

语法 m描述 y语法
:first 获取第一位 $('li:first') 
:last 获取最后一位 $('li:last') 
:eq(index) 获取指定位置的值 $('li:eq(2)') 
:odd 获取奇数  $('li:odd)
:even 获取偶数  $('li:even')

基本选择器:

名称 描述 语法
ID选择器 获取指定ID的元素 $('#id')
全选选择器 匹配所有元素 $('*')
类选择器 获取同一类型class的元素 $('.class')
标签选择器 获取同一类标签的所有元素 $('div')
并集选择器 选取多个元素 $('div,p,li')
交集选择器 交集元素 $('li.current')

层级选择器:

名称 描述 用法
子代选择器 使用>号,获取亲儿子层级的元素,不会获取孙子层级的元素 $('ul>li')
后代选择器 使用空格,获取ul下的所有li元素,包括孙子等 $('ul  li')

筛选方法:

语法 用法 说明
parent( ) $('li').parent() 查找父类
childern(selector) $('ul').children('li') x相当于$('ul>li'),最近一级(亲儿子)
find(selector) $('ul').find('li') 相当于$('ul  li'),后代选择器
siblings(selector) $('.first').siblings('li') 查找兄弟节点,不包括自己本身
nextAll([expr]) $('.first').nextAll() 查找当前元素之后所有的同辈元素
prevtAll([expr]) $('.last').prevAll() 查找当前元素之前所有的同辈元素
hasClass(class) $('div').hasClass('protected') 检查当前元素是否含有某个特定的类,如有,返回true
eq(index) $('li').eq(2) 相当于$('li:eq(2)'),index从0开始

      修改指定位置元素的信息:(效果一致,更推荐第二种方式。

      方式一:$('ul li:eq(2)').css('color','red') 

      方式二:$('ul li').eq(2).css('color','red')

原文地址:https://www.cnblogs.com/qtbb/p/11303047.html