jquery选择器用法笔记（第一部分）

由于我在项目中用jquery比较多，而且觉得jquery真的很不错，尤其是其灵活高效的选择器更是令人无法忘怀。那么，今天就来写一篇非常基础的关于jquery选择器的文章，路过的朋友可以收藏以作参考。

1、$("*")   --  选取所有元素

* 选择器选取文档中的每个单独的元素，包括 html、head 和 body。

如果与其他元素（嵌套选择器，正如上面的例子）一起使用，该选择器选取指定元素中的所有子元素。

如选取body内的所有元素我们我们可以这样：$(body *)

2、$("#id")  --  选取对应id的元素

# 选取带有唯一的指定 id 的元素。

id 引用 HTML 元素的 id 属性。

相同的 id 值只能在文档中使用一次。

如要选取id为content的元素：$("#content")

注意：id不要以数字开头，有些浏览器会出问题

3、$(".class")  --  选取指定class的所有元素

. 选择器选取带有指定 class 的元素。

class 引用 HTML 元素的 class 属性。

与 id 选择器不同，class 选择器常用于多个元素。

这样就可以为带有相同 class 的任何 HTML 元素设置特定的样式。

注意：class名称不要以数字开头，有些浏览器会出问题

如要选取class为title的所有元素：$(".title")

4、$(element)  --  选取指定标签名的元素

element 选择器选取带有指定标签名的元素。

标签名引用 HTML 标签的 < 与 > 之间的文本。

如要选取所有p元素：$(p)

5、$("p:first")  --  选取第一个p元素

:first 选择器选取第一个元素。

最常见的用法：与其他元素一起使用，选取指定组合中的第一个元素

6、$("p:last")  --  选取最后一个p元素

:last 选择器选取最后一个元素。

最常见的用法：与其他元素一起使用，选取指定组合中的最后一个元素

7、$("tr:even")  --  选取所有偶数<tr>元素

:even 选择器选取每个带有偶数 index 值的元素（比如 2、4、6）。

index 值从 0 开始，所有第一个元素是偶数 (0)。

最常见的用法：与其他元素/选择器一起使用，来选择指定的组中偶数序号的元素

8、$("tr:odd")  --  选取所有奇数<tr>元素

:odd 选择器选取每个带有奇数 index 值的元素（比如 1、3、5）。

index 值从 0 开始，所有第一个元素是偶数 (0)。

最常见的用法：与其他元素/选择器一起使用，来选择指定的组中奇数序号的元素

 

今天先介绍这几个，改天再继续讲其他的选择器用法，敬请期待