JQuery基础之选择器的基本用法

一、jQuery 选择器

1、jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。

2、jQuery 选择器基于元素的 id、类、类型、属性、属性值等”查找”（或

选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有

一些自定义的选择器。

3、jQuery 中所有选择器都以美元符号开头：$()。

二、元素选择器

1、jQuery 元素选择器基于元素名选取元素。

实例：在页面中选取所有
元素：$(“p”)

三、#id 选择器

1、JQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。页面

中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。

实例：通过 id 选取元素语法如下：$(“#test”)

注：test是对应的id属性值

四、.class 选择器

1、Query 类选择器可以通过指定的 class 查找元素。

实例：通过class选取元素语法：$(“.test”)

注：test是对应的class属性值

五、其它类型选择器

上面四种是常见的JQuery选择器，下面我将给大家介绍一些其它的选择器，具体用法大家自己查，我只把语法罗列出来供大家了解

1、$(“*”)：选取所有元素

2、$(this)：选取当前 HTML 元素

3、$(“p.intro”)：选取 class 为 intro 的 p 元素

4、$(“p:first”)：选取第一个 p 元素

5、$(“ul li:first”)：选取第一个 ul 元素的第一个 li 元素

6、$(“ul li:first-child”)：选取每个 ul 元素的第一个 li 元素

7、$(“[href]”)：选取带有 href 属性的元素

8、$(“a[target=’_blank’]”)：选取所有 target 属性值等于 “_blank” 的 a 元素

9、$(“a[target!=’_blank’]”)：选取所有 target 属性值不等于 “_blank” 的 a 元素

10、$(“:button”)：选取所有 type=”button” 的 input 元素 和 butto元素

11、$(“tr:even”)：选取偶数位置的 tr元素

12、$(“tr:odd”)：选取奇数位置的 tr元素