jQuery学习笔记(一)jQuery选择器

　　第一次写博客，希望自己能够长期坚持，以写博客的方式作为总结与复习。

　　最近一段时间开始学习jQuery,通过写一个jQuery学习笔记的专题，对jQuery的知识做一个总结，并给出部分Demo来练习，使其能够掌握jQuery的基本技能。

　　今天所写的内容是关于jQuery选择器。

　　在学习jQuery选择器之前，有必要先了解一下css选择器，首先要明确一个新手容易混淆的概念：css选择器与jQuery选择器是两个不同的概念，正如DOM对象与jQuery对象（jQuery对象是通过jQuery包装DOM对象后所产生的的对象，无法使用DOM对象的任何方法）也是两个不同的概念。常用的css选择器有标签选择器、ID选择器、类选择器、群组选择器、后代选择器、通配选择器等。

　　jQuery选择器完全继承了CSS的风格，可以方便快捷的找出特定的DOM元素，然后为其添加行为。jQuery选择器与css选择器最大的不同就在于jQuery选择器是找到元素后为其添加行为，而css选择器则是找到元素后为其添加样式，但是jQuery选择器也可以操作css样式，并且更加灵活。这样一个HTML页由三部分构成，HTML中的标签负责网页的内容，css负责样式，jQuery（更确切的说应该是Javascript）负责其行为。

一. 下面谈谈关于jQuery选择器的优点

1.简洁的写法

　　在JS中，我们最常写的一个函数就是document.getElementById(),通过ID获取元素，而在jQuery中只需$("#Id")即可完成这一工作。

2.支持css1到css3的选择器

3.完善处理机制　

　　即使是用jQuery选择器获取页面上不存在的元素也不会报错，这一点不同于js.

二.jQuery选择器中各类选择器

　　jQuery的选择器大体分为四大类：基本选择器、层次选择器、过滤选择器、表单选择器。作为初学者而言，恐怕一时难以掌握如此之多的选择器，个人认为，掌握基本选择器以及会一些过滤选择器即可胜任大部分我们需要的操作。何况很多选择器与CSS如此相像！下面就分别来介绍这四大类选择器，其中过滤选择器还细分了6类，都用了表格的方式，这样即使到了以后项目中需要的时候也可以直接查阅这些表格。

1.基本选择器（可以完成绝大多数的工作）

　　具体介绍及用法见表1。

　表1                                           基本选择器　　

2.层次选择器

　　即通过DOM元素之间的层次关系来获取指定的元素，具体介绍及用法见表2

　　　　　　　　　　　　表2                                                                 层次选择器

注意$("ancestor descendant")与$("parent>child")的区别：$("ancestor descendant")选取的是所有的后代元素，而$("parent>child")选取的只是其                     parent 元素下的子元素（child元素）。

3.过滤选择器

　　过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素，选择器都以(:)开头。

　　过滤选择器可以分为：基本过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、和表单对象属性过滤选择器。

3.1基本过滤选择器

　　具体用法见表3

                             　　 表3                   　　　　　　　　　　　　        基本过滤选择器

3.2内容过滤选择器

 　　具体用法见表4

                                 表4                　　　　　　   　　　　        内容过滤选择器

3.3可见性过滤选择器

　　可见性过滤选择器是根据元素的可见和不可见的状态来选择相应的元素。具体见表5.

                 　                 表5             　　　　　　　　         可见性过滤选择器

3.4属性过滤选择器

　　属性选择器的过滤规则是通过元素的属性来获取相应的元素，属性都用包含在[]中,并没有冒号。具体见表6.

                                   表6                     　　　　　　　　　　 属性过滤选择器

3.5 子元素过滤选择器

　　在用子元素过滤选择器时要弄清父元素与子元素的关系。具体用法见表7

                                表7                   　　　　　　　　　　　　    子元素过滤选择器

3.6 表单对象属性过滤选择器

　　表单对象属性过滤选择器主要是针对表单元素中enabled、disabled、checked、selected等属性进行过滤。具体用法见表8

                                  表8            　　　　　　　　      表单对象属性过滤选择器

4.表单选择器

　　专门用于开发者获取表单中的某个或者某种类型的元素。对于用户的交互性有着很重要的影响。具体用法见表9.

　　　　　　　　　　  　表9       　　　　　　　　　　　　　　　　　　表单选择器

小结

　　此次学习笔记主要写了关于jQuery选择器，jQuery选择器是jQuery的基础，只有将jQuery选择器熟练掌握，才能掌握jQuery中DOM操作、以及对表单、表格的操作、在Ajax的应用等等。好了，也对于jQuery选择器总结的差不多了。从中午开始，写到晚上，感觉写博客果然也是一种总结提高的好方法，对之前很多陌生的jQuery选择器重新认识了一遍。