Jquery中的$(document).ready()详解
生活随笔
收集整理的這篇文章主要介紹了
Jquery中的$(document).ready()详解
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
參考:https://blog.csdn.net/beidaol/article/details/81009740
因為html代碼順序執行,所以想要在js操作某個標簽元素的時候,要保證這個元素已經被加載出來了,否則會取不到。為了保證元素已經被加載,可以使用$(document).ready()。
window.onload = function(){ alert("welcome"); }
語句的作用是希望在頁面加載完,自動執行定義js代碼(function)。
$(document).ready(function(){.... })這個函數是用來取代頁面中的window.onload;
$(document).ready()和onload的區別
$(document).ready()和傳統的方法<body οnlοad=”load()”> 相似,不同的是onload()的方法是在頁面加載完成后才發生,這包括DOM元素和其他頁面元素(例如圖片)的加載。而$(document).ready()所要執行的代碼是在DOM元素被加載完成的情況下執行,所以,使用document.ready()方法的執行速度比onload()的方法要快。
Javascript 只有在DOM元素已經定義以后才可以對其執行某種操作,jQuery使用document.ready來保證所要執行的代碼是在DOM元素被加載完成的情況下執行。
總結
以上是生活随笔為你收集整理的Jquery中的$(document).ready()详解的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【Python】Flask框架系列(二)
- 下一篇: 关于jinja2的{{...|safe}