了解jQuery

---

首先，我们来了解一下什么是jQuery，为什么要使用jQuery，以及使用jQuery有什么优势。

（1）jQuery是由美国人John Resig于2006年创建的一个JavaScript库，从最初的1.0版本发展到目前的版本。作为一个JavaScript库，jQuery极大程度上解决了浏览器的兼容性问题，能够在IE 6.0 +、FF 2.0 +、Safari 3.0 +、Opera 9.0 +以及Chrome下正常运行。

（2）虽然jQuery并不是唯一的JavaScript库，也不是最早出现的JavaScript库，但是jQuery的影响力却是最大的，jQuery已成为前端开发从业人员必须掌握的基本技能。

（5）jQuery不仅仅是初学者的最佳选择，它已经在世界上最大的组织机构中得以应用，每个月都为数以亿计的页面访问增强了交互性。Amazon、IBM、Twitter、NBC、Best Buy和Dell等大量公司都在其产品中使用了jQuery。

（6）根据Web的发展规律，毫无疑问jQuery将以Web发展的速度迅速演化。2011年至少发布了3个主要的jQuery版本，围绕jQuery的开发社区不断发展壮大，全世界的开发人员都为jQuery的bug修正、插件开发和与之相关jQuery UI和QUnit等项目作出了重要的贡献。对于任何想从事世界级JavaScript开发的程序人员而言，活跃的jQuery技术社区确保jQuery成为一个功能完备的JavaScript库。

无论采用哪一种程序设计方法学或编程技术，对于Java/Spring、PHP、.NET、Ruby on Rails和Python/Django等各种Web技术，jQuery在前端开发领域都具有突出的特色。

总结一下：

jQuery是什么:

是一个javascript代码仓库，我们称之为javascript框架。

是一个快速的简洁的javascript框架，可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。

它可以帮我们做什么(有什么优势)

轻量级、体积小，使用灵巧(只需引入一个js文件)

强大的选择器

出色的DOM操作的封装

出色的浏览器兼容性

可靠的事件处理机制

完善的Ajax

链式操作、隐式迭代

方便的选择页面元素(模仿CSS选择器更精确、灵活)

动态更改页面样式/页面内容(操作DOM，动态添加、移除样式)

控制响应事件(动态添加响应事件)

提供基本网页特效(提供已封装的网页特效方法)

快速实现通信(ajax)

易扩展、插件丰富

---

jQuery的一些基本操作和所需要知道的常识：

// 在jQuery中，可以直接使用$符号，或者使用jQuery变量名，它俩完全一致

console.log(jQuery === $); // true

// jQuery本身是函数，拥有自己的属性和方法

console.log($);

// 在ready方法中去执行正式的操作，等DOM加载完毕后去执行

$(document).ready(function () {

console.log('文档加载完毕');

});

// 简化写法

$(function () {

console.log('文档加载完毕');

});

// 绑定事件

// h2.on('click', function () {

//    // 修改内容

//    h2.html('$');

// });

// $('h2').on('click', function () {

//    $(this).html('$');

// });

// 将JQ对象转为DOM对象

var h2DOM = h2JQ.get(0);

// console.log(h2JQ[0]);

// 将DOM元素转为JQ元素

console.log($(h2DOM));