Dom onload和jQuery document ready的区别
生活随笔
收集整理的這篇文章主要介紹了
Dom onload和jQuery document ready的区别
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
使用如下代碼進(jìn)行測(cè)試：
<html> <script src="jquery_1.7.1.js"> </script> <script> $(document).ready(start()); function start() {console.log("start here");var main = $("#main");console.log("length: " + main.length);var another = document.getElementById("main");var oHeader = document.getElementById("header");$("#main").queue('test', function() { console.log("1");});$("#main").queue('test', function() { console.log("2");});$("#main").queue('test', function() { console.log("3");});$("#main").dequeue('test');$("#main").dequeue('test');$("#main").dequeue('test'); } </script> <body id = "main" οnlοad="start();"> <h1 id = "header">hello</h1> </body> </html>首先是jQuery的document.ready 事件觸發(fā)：
此時(shí)document節(jié)點(diǎn)下還沒(méi)有加載body和h1節(jié)點(diǎn)， 因此line 9，line11和line 12均返回null. 只有當(dāng)Dom的onload 事件觸發(fā)時(shí)，body node和h1 node才可見(jiàn)： 要獲取更多Jerry的原創(chuàng)文章，請(qǐng)關(guān)注公眾號(hào)"汪子熙":總結(jié)
以上是生活随笔為你收集整理的Dom onload和jQuery document ready的区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： why is the configura
- 下一篇： 3DMAX怎么制作漂亮的户外风格的广告牌