在介绍jQuery之前,首先来介绍一下为什么需要jQuery.在介绍jQery之前,有必要先了解一下JavaScript.
JavaScript是Netscape公司开发的一种脚本语言(script language).JavaScript的出现使得网页和用户之间实现了一种实时的,动态的和交互的关系,使网页包含更多活跃的元素和更加精彩的内容.JavaScript自身存在3个弊端,即复杂的文档对象模型(DOM),不一至的浏览器实现和缺乏便捷开发,调试工具.
正当JavaScript从开发者的视线中渐渐隐去时,一种新型的基于JavaScript的web技术-Ajax(Asynchronous JavaScript And XML),异步的JavaScript的应用也越来越多,使JavaScript不再是一种权用于制作web页面的简单脚本.
JQuery是继Prototype之后又一优秀的JavaScript库,jQuery凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档,操作DOM,处理事件,执行动画和开发Ajax的操作.其独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方式.总之,无论是网页设计师,后台开发者,业余爱好者还是项目管理者,也无论是JavaScript禄学者还是JavaScript高手,都有足够多的理由去学习jQuery.
jQuery优式:
1.轻量级:本身非常轻巧,采用Dean Edwards编写的Packer压缩后,大小不到30KB.如果使用Min版并且在服务器端启用Gzip压缩后,大小只有18KB.
2.强大的选择器:jQuery允许开发者使有从CSS1到CSS3几乎所有的选择器,另外还支持编写自已的选择器.
3.出色的DOM操作的封装:jQuery封装了大量常用的DOM操作,使开发者在编写DOM操作相关程序的时候能够得心应手.
4.可靠的事件处理机制:jQuery的事件处理机制吸取了JavaScript专家Dean Edwards编写的事件处理函数的精华,使得jQuery在处理事件绑定的时候相当可靠.
5.完善的Ajax:jQuery将所有的Ajax操作封装到一个函数$.ajax()里,使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对 象的创建和使用问题.
6.不污染顶级变量:jQuery只建立一个名为jQuery的对象,其所有的函数方法都在这个对象之下.其别名$也可以随时交出控制权,绝对不会污染其他的对象.
7.出色的浏览器兼容性:作为一个流行的JavaScript库,浏览器的兼容性是必须具备的案件之一.jQuery能够 在IE6.0+,FF2+,Safari 2.0+和Opera 9.0+下正常运行.jQuery同时修复了一些浏览器之间的差异,使开发者不必在开展项目前建立浏览器兼容库.
8.链式操作方式.
9.隐式迭代.
10.行为层与结构层的分离.
11.丰富的插件支持.
12.完善的文档.
13.开源.
DOM对象:
可以把HTML结构描述为一棵DOM树.在这棵DOM树中,<h3>,<p>,<ul>,都是DOM元素节点.可以通过JavaScript中的getElementByTagName或者 getElementById来获取元素节点.像这样得到的DOM元素就是DOM对象.DOM对象可以使用JavaScript中的方法.如下:
var domObj = document.getElementById("id"); <!-- 获得DOM对象 -->
var ObjHTML = domObj.innerHTML; <!-- 使用JavaScript中的方法innserHTML -->
jQuery对象:
jQuery对象就是通过jQuery包装DOM对象后产生的对象.
jQuery对象是jQuery独有的.如果一个对象是jQuery对象,那么就可以使用jQuery里的方法.