jQuery技术

学习JQUERY框架的一点小心得_王辉

字号+ 作者:H5之家 来源:H5之家 2017-12-20 18:08 我要评论( )

学习JQUERY框架的一点小心得_王辉:近来在空余时间学习了一下ajax的优秀开源框架jquery 的确非常好,它对ajax和js方面功能封装得非常好,功能:学习JQUERY框架的

近来在空余时间学习了一下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不支持,刚好相反了)

朋友们看后,有不同意见可以讨论一下!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评