jQuery选择器

选择器的基本语法:

$("选择器名称")

组合选择器:

$('选择器1','选择器2'......)

 

全局选择器:

$('*')

 

后代元素选择器:

$('父元素 后代元素')

 

子元素选择器:

$('父元素>子元素')

 

相邻元素选择器:

$('选择的元素+紧邻的下一个元素')

 

同辈元素选择器:

$('选择的元素~后面所有的同辈元素')

 

 

 

 

 

 

 

属性选择器:

$('基本选择[属性名]') //在基本选择的范围内进一步选中所有具有某个属性的元素

$('基本选择[属性名=属性值]') //选择具有某个属性并且属性为指定的内容

$('基本选择器[属性名!=属性值]') //

 

 

 

 

 

 

 

过滤选择器:

基本过滤选择器:以元素的下标作为过滤条件

语法:$('基本选择器:过滤选择器')

not(选择器)

 

$('基本选择:eq(index)') //选择下标为指定引索的选择器

gt(index)

lt(index)

 

 

补充:过滤方法(推荐使用)

.first()选择索引为0的元素

.last()选择下标为最后一个的元素

.eq(index)过滤方法,有参下标

filter(' 过滤选择器')万能过滤方法

not()反向选择

end()返回到调用链的上一节点

siblings()返回所有的兄弟节点

children()获取所有子节点 此方法还可以传参做限定 已经帮我们排除空的文本节点

注意:只能获取直接子元素

 

规律:对于选择方法来说只要选中的是批量元素都可以传参

 

next()获取紧邻的下一个系统元素

nextAll()获取后面所有的兄弟元素

prve()获取紧邻的上一个兄弟元素

prveAll()获取上面的全部兄弟元素

parent()获取父元素(只有一个)

parents()获取所有的先辈元素