jQuery

一、jQuery简介

• jQuery是继Prototype之后又一个优秀的javaScript库，是由美国人John Resig于2006年创建的开源项目。

二、jQuery的用途

1.访问和操作DOM元素
2.控制页面样式
3.对页面事件的处理
4.方便的使用jQuery插件
5.与Ajax技术的完美结合

三、jQuery的优势

1.轻量级：jQuery的体积较小、压缩之后、大约只有100KB。
2.强大的选择器：jQuery支持几乎所有的css选择器、以及jQuery自定义的特有选择器。
3.出色的DOM封装：jQuery封装了大量常用的DOM操作，使开发者在编写DOM操作相关程序的时候能够更加得心应手。
4.可靠的事件处理机制：jQuery的事件处理机制吸收了javaScript中的事件处理函数的精华，使得jQuery在处理事件绑定时非常可靠。
5.出色的浏览器兼容性：jQuery能够同时兼容大部分浏览器。
6.隐式迭代：当使用jQuery查找到相同名称的元素后隐藏它们时，无须循环遍历每个返回的元素，它会自动操作所匹配的对象集合、而不是单独的对象、从而大幅减少了代码量。
7.丰富的插件支持。

四、jQuery库类型说明

名称	大小	说明
jquery-1.版本号.js(开发版)	约286KB	完整无压缩版本
jquery-1.版本号.min.js(发布版)	约94.8KB	经过工具压缩或经过服务器开启GZIP压缩，主要应用于发布的产品和项目

五、在页面中引入jQuery

<script src="js/jquery-1.12.4.js" type="text/javascript"></script>

六、css()方法与addClass()方法的区别

• css()方法为所匹配的元素设置给定的CSS样式。
• addClass()方法向所匹配的元素添加一个或多个类，该方法不会删除已经存在的类，仅在原有的基础上追加新的类样式。

七、jQuery对象与DOM对象的相互转换

1.jQuery对象转换成DOM对象
(1):通过[index]的方法转换

var $txtName=$("#txtName");
var txtName=$txtName[0];

(2)通过get（index）方法转换

var $txtName=$("#txtName");
var txtName=$txtName.get(0);

2.DOM对象转换成jQuery对象

var txtName=document.getElementById("txtName");
var $txtName=$(txtName);