在我所知道的主流JavaScript库中,jQuery拥有最棒的Ajax API。最简单的Ajax调用如:
jQuery('div#intro').load('/some/fragment.html');
代码以GET请求方式,从/some/fragment.html文件中获取HTML片段,并把片段装载到id="intro"的div中。
当
我第一次看到这行代码时,几乎对它没什么印象。这看起来非常简洁,但如果你想用jQuery做些更复杂的事情,比如显示Ajax装载进度,该如何做呢?
jQuery为你准备了一些可自定义的事件(ajaxStart,ajaxComplete,ajaxError等等),来实现你想要的代码。同时
jQuery也提供了广泛的底层API,来实现更复杂的Ajax交互:
jQuery.get('/some/script.php', {'name': 'Simon'}, function(data) {
alert('The server said: ' + data);
}); // 以GET方式通过/some/script.php?name=Simon获取数据
jQuery.post('/some/script.php', {'name': 'Simon'}, function(data) {
alert('The server said: ' + data);
}); // 以POST方式向/some/script.php发送请求
jQuery.getJSON('/some.json', function(json) {
alert('JSON rocks: ' + json.foo + ' ' + json.bar);
}); // 从/some.json接收并解析数据,把数据转换成JSON格式
jQuery.getScript('/script.js'); // 以GET方式获取/script.js脚本并用eval()执行
http://www.nixsky.com/program/java/2008-02/393.html
选取元素:
jQuery('div.panel')
选取了所有class="panel"的div
jQuery('p#intro')
选取了所有id="intro"的段落
jQuery('div#content a:visible')
选取了id="content"的div中所有可见的链接
jQuery('input[@name=email]')
选取了所有name="email"的输入域
jQuery('table.orders tr:odd')
选取了类名为“orders”的表中所有的奇数行
jQuery('a[@href^="http://"]')
选取了所有(以http://开头的)外部链接
jQuery('p[a]')
选取了所有包含一个或多个链接的段落
上述例子中,:visible和:odd是jQuery实现的扩展,很具特色。而属性的选取使用@作为标记,
其方式和XPath一样,要优于CSS2。
jQuery的这套选取语法包罗万象,有些类似正则表达式,想完全消化是需要花上一段时间的。
$(window.frames["innerIframe"].document).find
("a[rel='external']").
addClass("external")
.
click(function(){window.
open(this.
href);return
false;
});
});
在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");
在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");
取消全选
$("input[@type=checkbox][@checked]").each(function(){
$(this).attr("checked", '');
});
如果选中的只有一个,取得选中的值
$("input[@type=checkbox][@checked]").eq(0).val()
分享到:
相关推荐
jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...
资源名称:jQuery与Ajax教程 WORD版内容简介:本文档是jQuery与Ajax教程;jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写Javascript代码的习惯。希望本文档...
Asp.Net MVC之jQuery与AJAX操作实例
jQuery-ajax-用户名异步请求,转载请注明出处:https://blog.csdn.net/qq_40374604(如有需要欢迎留言,我一定会尽快解答)
Ajax里jQuery的ajax与ssh三框架的集成与总和
jquery与ajax调用,有代码 , 有说明,使ajax调用简单 需要使用 jquery调用ajax的朋友请下载!
jQuery_AJAX网页系统jQuery_AJAX网页系统
用struts2+jquery的ajax的几个小例子,级联,自动补全等,没有数据库,直接就运行。
Jquery跨域访问Web服务的demo源码
韩顺平 jquery框架 jquery与ajax整合
jquery和ajax的集成例子 jquery和ajax的集成例子 jquery和ajax的集成例子
jquery 的ajax用法,简单的入门ajax用法,供大家参考
基于jquery的ajax的网络聊天室
php 用jquery ajax登陆,这是一个最简单的jquery ajax登陆实例,看了这个相信聪明的你能写出更好的东东!
jqueryajax jquery ajax
一个简单的Ajax实例——基于Ajax无需刷新技术开发的聊天室程序,实现多用户在网页上聊天,并可以实时更新信息。
一个完整的jquery+ajax传送请求的实例
实现JQuery+ajax+mock.js模拟注册,判断输入框是否输入正确
jQuery-ajax-json实现自动轮播图.rar
基于Jquery+Ajax+Json实现分页显示附效果图