HTML里Dom onload和jQuery document ready这两个事件的区别
  TEZNKK3IfmPf 2023年11月13日 16 0

使用如下代码进行测试:

 
<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 事件触发:

HTML里Dom onload和jQuery document ready这两个事件的区别
此时document节点下还没有加载body和h1节点, 因此line 9,line11和line 12均返回null.
只有当Dom的onload 事件触发时,body node和h1 node才可见:

HTML里Dom onload和jQuery document ready这两个事件的区别

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月13日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2024年03月30日   49   0   0 htmlhtml5
  TEZNKK3IfmPf   2024年04月26日   36   0   0 htmlScala
  TEZNKK3IfmPf   2024年03月29日   52   0   0 htmljQuery
  TEZNKK3IfmPf   2024年05月31日   31   0   0 jQuery选择器
TEZNKK3IfmPf