首先,我们来了解一下什么是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));