jQuery复习——选择器

最近在迭代之前的项目，没有使用vue框架，有些之前的知识模糊了，这里复习下。
整体包括

$(function(){
})

id选择器

$("#xxx")

class选择器

$(".xxx")

元素选择器

$("xxx")

选择所有元素

$("*")

同时选择多个元素

$("x,y")

选择某类元素的第一个元素

$("xxx:first")

选择某类元素的最后一个元素

$("xxx:last")

选择div元素中class不为xxx的

$("div:not(.xxx)")

选择序号为偶数的div元素

$("div:even")

选择序号为奇数的div元素

$("div:odd")

选择序号大于3的div元素

$("div:gt(3)")

选择序号等于3的div元素

$("div:eq(3)")

选择序号小于3的div元素

$("div:lt(3)")

选择所有标题元素——h1 h2 h3…这些

$(":header")

选择当前正在执行动画的所有元素

$(":animated")

选择 id 为 two 的下一个 span 元素

$("#two").nextAll("span:first")

选取含有 属性title 的div元素

$("div[title]")

选取 属性title值等于’test’的div元素

$("div[title='test']")

选取 属性title值不等于’test’的div元素(没有属性title的也将被选中)

$("div[title!='test']")

选取 属性title值 以’te’开始 的div元素

$("div[title^='te']")

选取 属性title值 以’est’结束 的div元素

$("div[title$='est']")

选取 属性title值 含有’es’的div元素

$("div[title*='es']")

组合属性选择器,首先选取有属性id的div元素，然后在结果中 选取属性title值 含有’es’的 div 元素

$("div[id][title*='es']")

选取 含有 title 属性值, 且title 属性值不等于 test 的 div 元素

$("div[title][title!='test']")

选取每个class为one的div父元素下的第2个子元素

$("div.one :nth-child(2)")

选取每个class为one的div父元素下的第一个子元素

$("div.one :first-child")

选取每个class为one的div父元素下的最后一个子元素

$("div.one :last-child")

如果class为one的div父元素下的仅仅只有一个子元素，那么选中这个子元素

$("div.one :only-child")

选择 含有文本 ‘di’ 的 div 元素

$("div:contains('di')")

选择不包含子元素(或者文本元素) 的 div 空元素

$("div:empty")

选择含有 class 为 mini 元素的 div 元素

$("div:has(.mini)")

选择含有子元素(或者文本元素)的div元素

$("div:parent")

选择 body 内的所有 div 元素

$("body div")

在 body 内, 选择子元素是 div 的

$("body > div")

选择 id 为 one 的下一个 div 元素

$("#one + div")

选择 id 为 two 的元素后面的所有 div 兄弟元素

$("#two ~ div")

选择 id 为 two 的元素所有 div 兄弟元素

$("#two").siblings("div")

选择 id 为 one 的下一个 span 元素

$("#one").nextAll("span:first")

选择 id 为 two 的元素前边的所有的 div 兄弟元素

$("#two").prevAll("div")

选取所有可见的 div 元素

$("div:visible")

选择所有不可见的 div 元素

$("div:hidden")