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选择器中一样能用。
二、筛选选择器
:gt(index) // 匹配下标 > index 的元素
:animated // 匹配在执行动画的元素 --->$("div:not(:animated)").animate({ left: "+=20" }, 1000);
:root // 根元素
:contains(text) // 匹配包含此字符串的元素
:has(selector) // 匹配包含此选择器的元素
:parent // 匹配含有子元素或者文本的元素
三、属性选择器
[attribute] // $("input[data-attr]")
[attribute=value] // $("input[type=checkbox]")
[attribute!=value] // 等价于 :not([attribute=value]) ***:not(selector)本身是一个选择器,并可以插入选择器