近来在空余时间学习了一下ajax的优秀开源框架jquery
的确非常好,它对ajax和js方面功能封装得非常好,功能强大,这样就少写了很多的js代码
比如说
js代码写成如下
document.getelementbyidx("user").value
jquery代码就只需要写下如下
$("#user").val()
比如说,要对某个div图层显示或隐藏,用jquery代码,写成如下就可以了
(如果是用js来写的话,就不知道要多写多少代码了)
//隐藏登录用的两个按钮
$("#logindiv").hide("500");
//显示注册用的两个按钮
$("#registdiv").show("500");
再比如说用ajax技术时没有jquery以前
我们通常都要写下如下代码(就非常重复麻烦了)
var
xml = null;
function
createxml request() {
if (window.activexobject) {
xml = new activexobject("microsoft.xml ");
}
else if (window.xml request) {
xml = new
xml request();
}
}
如果用jquery这些重复的功能,就已经被jquery封装好了,就根本不看到上述这段我们十分熟悉的代码了
只需要如下用$.get或$.post方法提交就可以了
$.post("proregist",
$('#user,#pass').serializearray()
, null ,
"script");
(#user,#pass是代表form中的表单控件的变量)
……
当然,jquery的功能,远不止这些,阿堂这里就只是抛砖引玉,简单说明一下了,更深入的学习可以和阿堂探讨
不过,阿堂在学习到
$(document).ready
对于这个方法作用,还不是很理解,为此我特地在网上查询了一下
其解释为
jquery使用document.ready来保证所要执行的代码是在dom元素被加载完成的情况下执行。
比如如下jquery代码:
这段代码的意思是:当dom
tree加载完成后,显示警告信息。document.ready()和传统的方法
相似,不同的是onload()的方法是在页面加载完成后才发生,这包括dom元素和其他页面元素(例如图片)的加载.
因此,使用document.ready()方法的执行速度比onload()的方法要快。
如上结论是否正确?
下面,我通过一个小例子来说明一下,就很清楚了
请看如下代码
跟我学习jquery
jquery
简单例子
网络时空-阿堂欢迎您!
--------------------------------------
用firefox和ie分别执行的效果图如下
用firefox
是证明 使用document.ready()方法的执行速度比onload()的方法要快。(证明上结论是正确的)
用ie 是证明 使用onload()方法的执行速度比document.ready()的方法要快。 (ie不支持,刚好相反了)
朋友们看后,有不同意见可以讨论一下!