jQuery选择器

2017-04-13  本文已影响0人  DJMG

jq选择器,一个非常大的概念,是jQuery开发者必须熟练运用的核心技术。jQuery开发者能够高效的开发,得益于jQuery强大的选择器,使繁琐的DOM操作变得简单。

结合自己平时遇到的问题,对选择器做一个归纳和总结。

选择器形式:$("selector");     //@param selector

一、基本选择器

$(".className") 

$("#id")

$("element")

$("selector1,selelctor2,selectorN")

$("*")

$("parent children")

$("parent > children")

$("prev + next")

$("prev ~ sibling")

jQuery选择器特点之一:延续CSS特点,CSS的语法放在jQuery选择器中一样能用。

二、筛选选择器    

:first

:not(selector)

:even

:odd

:eq(index)

:gt(index)                 // 匹配下标 > index 的元素

:lang

:last

:lt(index)

:header

:animated               // 匹配在执行动画的元素 --->$("div:not(:animated)").animate({ left: "+=20" }, 1000);

:focus

:root                        // 根元素

:target                   

:contains(text)        // 匹配包含此字符串的元素

:empty                    

:has(selector)         // 匹配包含此选择器的元素

:parent                    // 匹配含有子元素或者文本的元素

:hidden                 

:visible

三、属性选择器

[attribute]                                            // $("input[data-attr]")

[attribute=value]                                 // $("input[type=checkbox]")

[attribute!=value]                                // 等价于 :not([attribute=value])  ***:not(selector)本身是一个选择器,并可以插入选择器

[attribute^=value]

[attribute$=value]

[attribute*=value]

[attrSel1][attrSel2][attrSelN]

上一篇下一篇

猜你喜欢

热点阅读