1.4 jQuery库的选择器

我们来看一段jQuery代码：

        $("#div1");
        $("div");
        $(".div1");

同样是用$()，括号里面可能有#、点，也可能只有HTML元素的名称，这类选择我们统称为jQuery选择器。

在jQuery中，选择器按照选择的元素类别可以分为如下4种：

● 基本选择器 基于元素的id、CSS样式类、元素名称等使用基于CSS的选择器机制查找页面元素。

● 层次选择器 通过DOM元素间的层次关系获取页面元素。

● 过滤选择器：根据某类过滤规则进行元素的匹配。过滤选择器又可以细分为简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器和表单对象属性过滤选择器。

● 表单选择器：可以在页面上快速定位某类表单对象。

选择器的使用比较简单，我们用表1-1展示所有选择器，并给出示例和说明。

表1-1 jQuery库的选择器