JQuery Tips(1)-关于$.Ready()
发布时间：2018-08-19 19:50:59 所属栏目：业界 来源：站长网
导读：最近一向在研究JQuery,这个对象照旧很博大博识的.下面分享一下我的进修总结. $(document).Ready()要领 VS OnLoad变乱 VS $(window).load()要领 打仗JQuery一样平常最先学到的是何时启动变乱。在曾经很长一段时刻里,在页面载入后激发的变乱都被加载在Body的Onloa
|
最近一向在研究JQuery,这个对象照旧很博大博识的.下面分享一下我的进修总结. $(document).Ready()要领 VS OnLoad变乱 VS $(window).load()要领 打仗JQuery一样平常最先学到的是何时启动变乱。在曾经很长一段时刻里,在页面载入后激发的变乱都被加载在”Body”的Onload变乱里. 对付Body的Onload变乱和JQuery的Ready要领对比，有许多破绽.好比: 1.加载多个函数的题目 <body onload="a();b();"> </body> 在Onload变乱中只能这样加载，很丑恶…而在JQuery中你可以操作多个JQuery.Ready()要领，它们会按序次依次执行 2.代码和内容不疏散 这个貌似不消说了，让人切齿腐心-.-!! 3.执行先后次序差异 对付Body.Onload变乱，是在加载完全部页面内容才会触发，我的意思是全部内容,包罗图片，flash等.假如页面的这些内允许多会让用户守候很长时刻. 而对付$(document).ready()要领，这个要领只是在页面全部的DOM加载完毕后就会触发,无疑很大的加速了网页的速率. 可是对付一些非凡应用，好比图片的放大缩小，图片的剪裁。必要网页全部的内容加载完毕后才执行的呢？我保举行使$(window).load()要领，这个要了解比及页面全部内容加载完毕后才会触发，而且同时又没有OnLoad变乱的破绽. <script type="text/javascript"> $(window).load(function() { alert("hello"); }); $(window).load(function() { alert("hello again"); }); </script> 上面的代码会在页面全部内容加载完成后按先后次序依次执行. 虽然不要忘了与之对应的Unload要领 $(window).unload(function() { alert("good bye"); }); 上面代码会在页面封锁时激发. 在全部DOM加载之前激发JS代码 这个要领是我在调试的时辰最喜好的，偶然辰开拓的时辰也用这种要领 <body> <script type="text/javascript"> (function() { alert("hi"); })(jQuery) </script> </body> 对，就是操作js闭包的情势将js代码嵌入body，这段代码会自动执行，虽然也可以直接嵌入js代码,这种方法要留意次序题目，如下： <body> <div id="test">this is the content</div> <script type="text/javascript"> alert($("#test").html());//I Can display the content </script> </body> <body> <script type="text/javascript"> alert($("#test").html());//I Can't display the content </script> <div id="test">this is the content</div> </body> 上面两段代码,第二段代码傍边由于只能表明到当前代码之前的DOM,而test并不存在于已经理会的DOM数.以是第二段代码无法正确表现. 作者博客：http://www.cnblogs.com/CareySon/ （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
