jquery选择器

jquery选择器一般使用$(selector)的方法，这个命令非常简单但是作为参数的selector的jquery选择器分类繁多，包括：基本选择器，过滤选择器，层次选择器和表单选择器。线面分别介绍一下：

1、基本选择器

基本选择器有如下几类：

选择器	定义	示例
*	选取所有元素	$("*")选取所有元素
element	根据标签名选取元素	$("p")选取所有的p元素
#id	根据id属性值选取元素	$("#core")
.class	根据class属性值选取元素	$(".clear")

前三个好理解，在第四个中，用.class选取的元素中，只要class中包含这一类，进包含。例如 class="top clear" 和class = “clear” 都会被选择。

与element #id选择相比，.class执行效率很低。

2、选择过滤器

过滤选择器可以附加在所有选择器后面，通过特定的过滤规则来筛选出一部分元素。

过滤器一般分为以下几种：

1、基本过滤选择器

基本过滤选择器，是基本的对元素位置的判断，判断在哪个位置，然后选择即可。

:first

:last

:even

:odd

:eq(index)

:gt(index)

:lt(index)

:not(selector)

:header

:animated

例如，我们选择在第一个位置的P,就是p:first，在第5个位置的p，就是p:eq(4),或者从第六个开始，第9个结束的p，则是p(:gt(5),:lt(9))

也就是说，基本过滤选择器是直接对位置进行选择，位置是绝对的位置，只计算所选元素的位置。例如，p:firsst是指在所有的p中，选择第一个p。

2，子元素过滤选择器

:first-child

:last-child

:only-child

:nth-child(odd)

:nth-child(even)

:nth-child(index)

子元素过滤选择器可以理解为对相对位置的选择，即根据某个元素的相对位置，来选择某个元素。

对于子元素过滤选择器来说，位置是相对来说的，元素是从父元素里面包含的所有元素来计算的，而且索引值从第一个值开始。

例如：p:first-child 是指，p作为子元素中的第一个，这个子元素不仅仅包括p，所有的子元素都包含在内。例如：

<div>
<h3>主题一</h3>
<p>内容段落1</p>
<p>内容段落2</p>
<p>内容段落3</p>
</div>

p:first-child 是不存在的，因为p没有作为第一个孩子，而是从第二个孩子开始。

3、内容选择过滤器

:contains

:has

:parent

:empty

直接对内容进行过滤。

4、可见性选择过滤器

：hidden

：visible

5、属性选择过滤器

属性是直接根据属性值进行过滤的选择器。常见的方法是ele[属性 = value]

这样就可以直接选择了。

在基本选择器中，直接就有根据class属性来进行选择的方法，即利用. 来选择。

属性选择器中也有 [class = value] 来进行选择的方法，但是属性值选择的方法，跟基本选择器的方法，有所不同：

[attr]

[attr=value]

[attr!=value]

[attr~=value]

[attr^=value]

[attr$=value]

[attr*=value]

属性选择器有点类似于正则表达式，完全匹配上的才能选择到。

attr=value 表示选择只能有这个属性值的。

attr~=value 表示选择其中有一个是value的，其他类似。

3、层次选择器

层次选择器是先选择一个元素，然后再从这个元素中选择元素，可以理解为通过两个选择来进行定位。

其中主要有四个：

s1 s2

s1 > s2

s1 + s2

s1 ~ s2

四种不同的方法来进行不同的选择：

s1 s2是从后代里选，表示s2从s1的后代里寻找符合条件的

s1>s2 是从子元素里选，表示只选择子元素里符合条件的，所以s1 s2 包含了 s1 > s2 

s1 + s2 和s1 ~ s2 是从兄弟中选，其中s1+s2是选择第一个兄弟，s1~s2选择所有的兄弟。