写在前面的话，以手机浏览的朋友，因手机屏幕不是很宽，如果存在代码看不全的情况，所有的代码区是可以左右滑动的，当然，你也可以点击代码区右上角从左往右数的第二个按钮，让代码换行显示。

Jquery之所以那么流行，我觉得有几点：

一、良好的兼容性；

二、强大的选择器功能和dom操作；

三、异步队列处理，包括动画封装和ajax请求；

四、事件绑定机制，对于给动态添加到页面的元素绑定事件很有用。

以上四点，应该是一般的朋友用得最多的了，其实jquery除了这几点，还有很多强大的功能，只是我们很少用，不知道而已。这篇文章主要讲选择器，Jquery的选择器大体上可分为：基本选择器、层次选择器、过滤选择器、表单选择器。 过滤选择器又可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。下面一一列举。

首先，最常用的id,class,元素名选择器我就不再赘述了，相信任何一个会jquery的都会用。此处直接跳过。

1、层叠选择器： 即根据当前dom找与其存在某种位置关系的对应dom。

2、过滤选择器：即根据某一条件返回满足该条件或不满足该条件的相关dom。

基本过滤选择器，跟index索引位置相关的：

内容过滤选择器，针对包含内容或不包含内容的：

可视化过滤选择器：

属性过滤选择器，专门针对元素的某一属性是否满足某一条件做选择：

注：此处只是演示用例，并不是只有input元素才能使用，类似$(“a.className[href^=’http’]”)，$(“span.className[title=’title’]”)的，都可以用。

表单元素选择器：

3、父子关系与兄弟关系。

上面所有事例只是针对性地指明用法，在实际开发中，我们不能就那么用，还用懂得选择器的优化，同时对于已选择过的元素，最好是定义缓存，而不是每次用到都重新选择，那样做是最不好的，原因很简单，虽然我们用jquery很方便就能做到，但在jquery内部，每一次选择操作都进行了大量的运算才得到最终返回结果。虽然随着现在的浏览器对原生选择的支持越来越好，jquery也在不断更新，但作为一名编程爱好者，代码规范很重要，内存开销的考虑更加重要。