jqueryajax:使用jQuery简化Ajax开发
—Ajax开发入门[1]
疯狂代码 http://www.crazycoder.cn/ ĵ:http:/www.crazycoder.cn/Ajax/Article43915.html
jQuery是个可以简化 JavaScript™以及AJAX(Asynchronous JavaScript + XML异步Javascript和XML)编
程Javascript库区别于其他Javascript库jQuery有他自己哲学使你可以很简单编写代码这篇文章就会带领你见识
下jQuery哲学探讨下他特性以及功能并且会做些ajax举例以及如何使用plug- in(插件)来扩展jQuery
1. 什么是jQuery?
jQuery是个很优秀Javascript库它诞生于2006年出自John Resig的手不管你是个javascript新手但是却想尝试
下DOM(Document Object Model)以及Ajax繁杂抑或你是个javascript专家级人物但是已经厌倦了反复重复那
无味DOM以及Ajax脚本jQuery都将是你不 2选择
jQuery会帮助你保持代码简单和简洁你不必再去写大堆重复循环或者是DOM脚本使用jQuery你将很快找到关
键点并且可以以最少代码表达你思想
jQuery哲学其实很单:简单、可重用当你理解并且认同这种思想时候你就可以开始体会下使用jQuery能让你编
程变得多么轻松愉快了!
2. 些简单概念
这里是个简单例子向你展示jQuery如何影响你编写代码做事情其实很简单比如对页面上某区域内所有链接都添
加个click响应事件你可以使用般Javascript以及DOM来写代码见Listing1:
Listing 1. DOM scripting without jQuery
var external_links = document.getElementById('external_links');var links =
external_links.getElementsByTagName('a');for (var i=0;i < links.length;i) {var link =
links.item(i);link.onclick = function { confirm('You are going to visit: ' + this.href);};}如果使用jQuery话实
现如下:Listing 2. DOM scripting with jQuery$('#external_links a').click(function { confirm('You are
going to visit: ' + this.href);});很惊讶是吧?使用jQuery话你可以很快找到关键点并且只需要表达你需要表达
而不需要罗里罗嗦不需要对这些元素进行循环click可以处理好这切而且你不要谢太多操作DOM代码你需要仅仅
是使用很少定义你要找那个元素来看下这段代码是如何工作有点小窍门技巧首先看到$--jQuery里最有用最强大
.大部分情况下,你使用这个从文档中选择元素.在这个例子中,使用这个传递带有些级联样式表(Cascading Style
Sheets,CSS)语法串,jQuery可以很方便找到这个元素.如果你懂点基本CSS选择符只是,我想这个语法应该看起来
相当熟悉.在Listing2中,#external_links用来寻找带有id为external_links元素.接下来空格表示jQuery要找到在
评论1
最新资源