选择器竟然有这么多！！！w(ﾟДﾟ)w

惭愧⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄，做了这么长时间的前端（其实也就半年多吧哈哈），平时用到的选择器都是id、类、标签，最多用到属性和子选择器，到今天才知道平时用到的这些都是css选择器，竟然还有jq选择器，CSS选择器和JQ选择器之间竟然还有这么多区别，仿佛发现了宝藏，啊哈哈~<(￣▽￣)/，废话不多说，经过一番查阅资料，自己总结如下，如有错误，欢迎指正，OK，言归正传（严肃脸(っ•̀ω•́)っ✎⁾⁾ ）

平时我们用jQuery包装过的选择器都可以称之为jq选择器，jq选择器种类非常多，可分为基本选择器和过滤选择器两大类：

基本选择器

1. css选择器：id（$(‘#id’)）
   类（$(‘.class’)）
   标签（$(‘div’)）
   通配符（$(‘*’)）
   集合（$(‘div1,div2,…,div’)）；
2. 层次选择器：
   后代（$(‘div p’)）[父元素下的所有相关元素，包括子和孙子]
   子选择器（$(‘div>p’)）[只能选择到子元素]
   紧邻（$(‘div+p’)）[紧接在div元素后的第一个p元素]
   兄弟（$(‘div~p’)）[div后面所有的p元素]
3. 表单域选择器：（:input、:text、：password、:radio、：file、:checkbox…）

过滤选择器
1. 根据索引值对元素进行筛选：
:first($(‘td:first’))[选择第一个匹配元素]
:last、:odd、:even
:eq(index)[从匹配的集合中选择索引符合给定值的元素]
:gt(index)[从匹配的集合中选择索引大于给定值的元素]
:lt(index)[从匹配的集合中选择索引小于给定值的元素]
:not(:first,:last,p)[从匹配的集合中出去给定的元素]
$(‘:header’)[选择类似于h1,h2之类的标题]
2.内容过滤：
$(‘selector:contains(text)’)[包含指定文本]
$(‘selector1:has(selector2)’)[包含给定子元素]
$(‘selector:empty‘)[不包含子元素或文本的所有空元素]
$(‘selector:parent‘)[包含子元素或文本的元素,与empty相反]
3.属性过滤
$(‘selector[attribute]’)、$(‘selector[attribute=value]’)、$(‘selector[attribute*=value]’)[属性包含给定子字符串]…
4.子元素过滤
$(‘selector:first-child‘)
$(‘selector:last-child‘)
$(‘selector:nth-child‘)
5.表单
$(‘selector:checked‘)[所有被选中的表单域]
$(‘selector:enabled/disabled‘)[所有可用/不可用的表单域]
$(‘selector:selected‘)[所有被选中的option]
6.可见性
$(‘selector:hidden‘)[所有不可见元素]
$(‘selector:visible‘)[所有可见元素]