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