使用jQuery简化javascript开发详解)

《使用jQuery简化javascript开发详解)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、使用jQuery简化javascript开发1.概述：随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。jQuery是继prototype之后的又一个优秀的Javascript框架。它是由JohnResig于2006年初创建的，它有助于简化JavaScript™以及Ajax编程。有人使用

2、这样的一比喻来比较prototype和jQuery：prototype就像Java，而jQuery就像ruby.它是一个简洁快速灵活的JavaScript框架，它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。2.jQuery的特点l轻量级经GZip压缩后传输的代码文件仅14KB，未经压缩传送的代码文件仅26KB。l链式语法$("p.surprise").addClass("ohmy").show("slow");如上面的例子，将对象的多个操作串联在一起，代码更简洁明了。l功能强大的选择器jQuery的选择器是CSS1-3，XPath的结合物。

3、jQuery提取这二种查询语言最好的部分，融合后创造出了最终的jQuery表达式查询语言。在传统JS编程中，特定的对象大都通过ID取得（及document.getElementById），一但要获取多个对象时显得相当复杂；而通过jQuery，就可以用样式（class）、属性等参数通过选择器得到符合条件的对象数组，然后进行统一操作。l跨浏览器支持InternetExplorer6.0+、Opera9.0+、Firefox2+、Safari2.0+l易扩展jQuery插件丰富，除了本身带有的一些特效外，可以通过插件实现更多功能，如表单验证、tab导航、拖放效果、表格排序、DataGr

4、id，树形菜单、图像特效以及ajax上传等。也可以通过jQuery.fn.extend(object)方法轻松的来为jQuery编写插件。l能将JS代码和HTML代码完全分离，便于代码和维护和修改出于一定的目的，传统的网页开发往往要在html标签中或者其周围内嵌很多JS代码。如下面这个例子：……

5、hangeLight()"onmouseout="changeDefault()">………如果行数太多，必然影响效率，而且如果因为某种原因要取消tr的onmouseover和onmouseout事件，可以想象，这样的代码维护起来相当困难。而若用jQuery来完成上面的功能，只需在页面最后加上这样一段代码即可（假设这个table的ID为“test”）：$(function(){$("#testtr").mouseover(changeLight).mouseout(changeDefault);});

6、pt>lAjax支持jQuery的ajax实现非常简单，大部分情况下，通过$.get()和$.post()方法便可以完成ajax请求操作。其他情况还可以通过$.ajax()方法定制。使用相当方便。1.轻松上手jQueryjQuery最擅长的就是简化DOM脚本和事件处理。遍历和处理DOM非常简单，同时附加、移除和调用事件也十分容易，不像手动操作那样繁琐（到处都是循环遍历并且还要考虑浏览器兼容问题）且容易出错。从本质上说，jQuery可以使DOM脚本中的常用操作变得更加容易。您可以创建元素并且使用append()这里所介绍的方法功能和具体使用方法可参看jQueryAPI文档函数把它们

7、与其它的一些元素链接到一起，使用clone()复制元素，使用html()设置内容，使用empty()函数删除内容，使用remove()函数删除所有的元素，即便是使用wrap()函数，用其他元素将这些元素包装起来。通过遍历DOM，一些函数可以用于更改jQuery对象本身的内容。可以获得元素所有的siblings()、parents()和children()。还可以选择next()和prev()兄弟元素。find()函数或许是功能最强大的函数，它允许使用jQuery选择器搜索jQue