jq选择器和过滤器总结

jq选择器和过滤器总结

jq选择器：基础选择器

Id选择器：语法 $(’#id名’)

类选择器：语法 $(’.类名’)

标签选择器：语法 $(‘标签名’)

选择所有html元素：语法$("*")

同时选择多个html元素：语法$(“selector1,selector2…,selectorN”)

jq选择器：层次选择器

祖先后代选择器：语法 $(‘祖先 后代’)

父子选择器：语法 $(‘父亲>儿子’)

兄弟选择器：语法：$(‘目标’).siblings()

jq过滤器：基本过滤器

匹配目标的第一个元素：语法：$(‘目标:first’)

匹配目标的最后一个元素：语法：$('目标:last)

去除所有与给定选择器匹配的元素：语法：$('input:not(:checked)) 选择所有未被选中的input元素

匹配所有索引值为偶数的元素：语法: $('目标:even)

匹配所有索引值为ji奇数的元素：语法: $('目标:odd)

匹配索引值为index的元素：语法: $('目标").eq(index)

匹配索引值大于index的元素：语法: $('目标").gt(index)

匹配索引值小于index的元素：语法: $('目标").lt(index)

匹配所有h标签元素：语法: $(“：header”)

匹配正在执行动画效果的元素 语法: $(“：animated”)

jq过滤器：内容过滤器

匹配是否含有该内容的元素 语法: $(“目标:contains(内容)”)

匹配文本为空的或者不包含子元素的元素 语法: $(“目标:empty()”)

匹配指定子元素的元素 语法: $(“目标:has(子元素名)”)

匹配指定子元素的元素 语法: $(“目标:has(子元素名)”)

匹配至少包含一个子元素或文本的元素 语法: $(“目标:parent(子元素名)”)

jq过滤器：可见性过滤器

匹配所有不可见元素 语法: $(“目标:hidden”)

匹配所有可见元素 语法: $(“目标:visible”)

jq过滤器：属性过滤器

匹配含有指定属性名的元素 语法: $(“目标[属性名]”)

匹配含有指定属性指定值的元素 语法: $(“目标[属性名=值]”)

匹配含有指定属性不等于指定值的元素 语法: $(“目标[属性名!=值]”)

jq过滤器：子元素过滤器

匹配目标的第一个子元素 语法: $(“目标：first-child”)

匹配目标的最后一个子元素 语法: $(“目标：last-child”)