HTML里Dom onload和jQuery document ready这两个事件的区别
生活随笔
收集整理的這篇文章主要介紹了
HTML里Dom onload和jQuery document ready这两个事件的区别
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
使用如下代碼進(jìn)行測試：
<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)下還沒有加載body和h1節(jié)點(diǎn)， 因此line 9，line11和line 12均返回null.
只有當(dāng)Dom的onload 事件觸發(fā)時(shí)，body node和h1 node才可見：
總結(jié)
以上是生活随笔為你收集整理的HTML里Dom onload和jQuery document ready这两个事件的区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 全球上班时间最长国家一览：欧洲最幸福 美
- 下一篇： HTML CSS里display：blo