1.x:兼容IE768，使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4(2016年5月20日)

 

　　2.x:不兼容IE678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器使用2.x，最终版本：2.2.4(2016年5月20日)

 

　　3.x:不兼容IE678，只支持最新的浏览器。需要注意的是很多老的jQuery插件不支持3.x版。目前该版本是官方主要更新维护的版本。

 

　　JQuery对象就是通过JQuery包装DOM对象产生的对象。jQuery对象是jQuery独有的。如果一个对象是jQuery对象，那么它就可以使用jQuery里的方法：例如$("#i1").html()。

 

　　$("#i1").html()的意思是：获取id值为i1的元素的html代码。其中html()是jQuery里的方法。

 

　　相关于：document.getElementById("i1").innerHTML;

 

　　虽然JQuery对象是包装DOM对象后产生的，但是JQuery对象无法使用DOM对象的任何方法，同理DOM对象也没有不能使用JQuery里的方法。

 

　　jQuery语法

 

　　JQuery语法

 

　　jQuery语法是通过选取HTML元素，并对选取的元素执行某些操作。

 

　　基础语法：$(selector).action()

 

　　没有符号定义jQuery

 

　　选择符(selector)“查询”和“查找”HTML元素

 

　　jQuery的action()执行对元素的操作

 

　　示例：

 

　　参考文档：

 

　　jQuery #id选择器通过HTML元素的id属性的id属性选取指定的元素。

 

　　页面中的元素的id应该是唯一的，所以您要在页面中选取唯一的元素需要通过#id选择器。

 

　　通过id选取元素语法如下：

 

　　示例：

 

　　执行结果：

 

　　jQuery标签选择器基于标签名选取元素。

 

　　在页面中选取所有的<p>标签

 

　　示例：

 

　　执行结果

 

　　jQuery类选择器可以通过指定的class查找元素。

 

　　语法如下：

 

　　示例：

 

　　运行结果：

 

　　jQuery CSS选择器可用于改变HTML元素的CSS属性。

 

　　示例一：把所有的p标签的背景颜色改为红色

 

　　示例二：选取所有元素(标签)

 

　　示例三：选取当前HTML元素

 

　　示例四：选取第一个<p>元素

 

　　示例五：选取class为intro的<p>元素

 

　　示例六：选取第一个<ul>元素的第一个<li>元素

 

　　示例七：选取每个<ul>元素的第一个<li>元素

 

　　示例八：选取带有href属性的元素

 

　　示例九：选取所有target属性值等于"_blank"的<a>元素

 

　　示例十：选取所有target属性值不等于"_blank"的<a>元素

 

　　示例十一：选取所有type="button"的<input>元素和<button>元素

 

　　示例十二：选取偶数位置的<tr>元素

 

　　示例十三：选取奇数位置的<tr>元素

 

　　方法

 

　　说明

 

　　$(":text");

 

　　找出的type="text"(文本)的input标签

 

　　$(":password");

 

　　找出的type="password"(密码)的input标签

 

　　$(":file");

 

　　找出的type="file"(文件)的input标签

 

　　$(":radio");

 

　　找出的type="radio"(单选框)的input标签

 

　　$(":checkbox");

 

　　找出的type="checkbox"(多选框)的input标签

 

　　$(":submit");

 

　　找出的type="submit"的input标签

 

　　$(":reset");

 

　　找出的type="reset"的input标签

 

　　$(":button");

 

　　找出的type="button"的input标签

 

　　注意：$(":text")与$("input:text");结果相同

 

　　表单对象属性

 

　　方法

 

　　说明

 

　　$("input:enabled");

 

　　找出属性为enabled(可用)的input标签

 

　　$("input:disabled");

 

　　找出属性为disabled(不可用)的input标签

 

　　$("input:checked");

 

　　找出属性为checked(显示默认选择)的input标签

 

　　$("input:selected");

 

　　找出属性为enabled(显示默认选择)的option标签

 

　　找到属性含有checked的input标签

 

　　找到含有属性checked的标签

 

　　#找到input标签和option标签

 

　　找到含有属性select的标签

 

　　#只找到option标签