jQuery选择器

1.什么是jQuery选择器

    说到选择器：会让人自然地联想到层叠样式表：（Cascading  Style  Sheets  CSS ）,在CSS中选择器的作用是

获取元素，而后为其添加CSS样式。

    而jQuery选择器与CSS选择器的不同之处就在于，jQuery选择器获取元素后，为元素添加的是行为使页面交互

变得丰富多彩。

2.jQuery的优势：

    总体而言：jQuery选择器有以下两点优势。

    1.简洁的写法

    $("#dd")===document.getElementById();

    ..............

    2.完善的处理机制

    使用jQuery选择器不仅比使用传统的getElementById 和 getElementByTagName()函数简洁得多，还能避免

 

3.jQuery选择器的类型

jQuery可通过CSS选择器 和 过滤选择器两种方式选取元素。

具体jQuery选择器的类型如下：

1.通过CSS选择器选取元素

    1-1：基本选择器

    1-2：层次选择器

    1-3：属性选择器

2.通过过滤选择器选择元素

    2-1:   基本过滤选择器

    2-2：可见性过滤选择器

3-1：基本选择器

3-2：层次选择器

    若要通过DOM元素之间的层次关系来获取元素，如后代元素，子元素，相邻元素和同辈元素则使用jQuery的层

次选择器会是最佳的选择。

3-3：属性选择器

    什么是属性选择器？顾名思义，属性选择器就是通过HTML元素的属性选择元素的选择器，它与CSS中的属性选

择器语法结构一致，如<p>元素中的title属性，<a>元素中的target属性。

3-4：基本过滤选择器

主要分类：

1:   基本过滤选择器

2：可见性过滤选择器

3.   表单对象过滤选择器

4.   内容过滤选择器，子元素过滤选择器

3-5：可见性过滤选择器

在jQuery中，通过元素显示状态选取元素的选择器称为可见性过滤选择器。

注意：在可见性选择器中需要注意，选择器：hidden 获取的元素不仅包括样式属性 display 为“none”，

还包括文本隐藏域（<input type=" hidden "/>）和visibility ：hidden之类的元素。

 

4：jQuery选择器注意事项

1. 选择器中含有特殊符号的注意事项：

    在W3C规范中，规定属性值中不能含有某些特殊字符，但在实际开发中，可能会遇到表达式中含有“#”和

  “  .”等特殊字符的情况，如果按照普通的方式去处理就会报错。解决此类错误的方法是使用转义符转义。

.选择器中含有空格的注意事项

选择器中的空格也是不容忽视的，多一个空格或少一个空格，可能会得到截然不同的结果。

小栗子如下：