jQuery事件詳解之$(document).ready()

1、window.onload是在網(wǎng)頁(yè)中所有元素 加上所有資源 ++完全加++載到瀏覽器后才執(zhí)行。

創(chuàng)新互聯(lián)建站專注于網(wǎng)站建設(shè)|成都網(wǎng)站維護(hù)|優(yōu)化|托管以及網(wǎng)絡(luò)推廣，積累了大量的網(wǎng)站設(shè)計(jì)與制作經(jīng)驗(yàn)，為許多企業(yè)提供了網(wǎng)站定制設(shè)計(jì)服務(wù)，案例作品覆蓋成都餐廳設(shè)計(jì)等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品，結(jié)合品牌形象的塑造，量身定制品質(zhì)網(wǎng)站。

2、Jquery中$(document).ready()的作用類似于傳統(tǒng)JavaScript中的window.onload方法，不過(guò)與window.onload方法還是有區(qū)別的。執(zhí)行時(shí)間：window.onload必須等到頁(yè)面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。

3、區(qū)別如下：執(zhí)行的時(shí)間不同：(document).ready(function() {})里的代碼執(zhí)行的時(shí)機(jī)實(shí)在document的內(nèi)容都加載完畢才執(zhí)行。中的代碼隨html文檔的加載過(guò)程中就會(huì)開始執(zhí)行。

Ready的jQuery中ready用法

而$(document).ready()中綁定的事件是在 dom完全就緒 時(shí)就可以被調(diào)用，此時(shí)對(duì)于jQuery來(lái)說(shuō)都是可以被訪問的（關(guān)聯(lián)的資源可能并沒有被加載完畢）。

function ready(fn){ if(document.addEventListener){ //標(biāo)準(zhǔn)瀏覽器 document.addEventListener(DOMContentLoaded，function(){ //注銷時(shí)間，避免反復(fù)觸發(fā)。

你說(shuō)的$一般是代表jQuery對(duì)象。onload是html原生事件，用jQuery的時(shí)候則一般使用$(document).ready()，兩者的區(qū)別有：執(zhí)行時(shí)間 window.onload必須等到頁(yè)面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。

是的。因?yàn)閞eady事件是在你的整個(gè)頁(yè)面載入完成之后執(zhí)行的，所以你將js代碼放在哪個(gè)部位其實(shí)都是一樣的。事實(shí)上，我的所有js代碼都是在head部分。用了jquery之后，我的body部分幾乎是完全沒有js代碼的。

這部分代碼主要聲明，頁(yè)面加載后 “監(jiān)聽事件” 的方法。

總結(jié)jqueryready()的幾種實(shí)現(xiàn)方法

1、通過(guò)使用這個(gè)方法，可以在DOM載入就緒能夠讀取并操縱時(shí)立即調(diào)用你所綁定的函數(shù)，而999%的JavaScript函數(shù)都需要在那一刻執(zhí)行。有一個(gè)參數(shù)－－對(duì)jQuery函數(shù)的引用－－會(huì)傳遞到這個(gè)ready事件處理函數(shù)中。

2、舉個(gè)例子來(lái)說(shuō)，在$(document).ready()中定義了圖片的寬高，但由于此時(shí)圖片還沒有被加載完畢，此時(shí)的寬高不會(huì)生效。要解決這個(gè)問題可以使用jQuery中的 load ()方法。

3、function ready(fn){ if(document.addEventListener){ //標(biāo)準(zhǔn)瀏覽器 document.addEventListener(DOMContentLoaded，function(){ //注銷時(shí)間，避免反復(fù)觸發(fā)。

4、方式1： 代碼如下： $(function(){ initPublish()； })； 說(shuō)明： initPublish() 即為你要運(yùn)行的JS函數(shù)；這段代碼，放在頁(yè)面最低端。

怎樣用原生JS實(shí)現(xiàn)jQuery的ready方法

1、function ready(fn){ if(document.addEventListener){ //標(biāo)準(zhǔn)瀏覽器 document.addEventListener(DOMContentLoaded，function(){ //注銷時(shí)間，避免反復(fù)觸發(fā)。

2、在頁(yè)面加載結(jié)束后，瀏覽器會(huì)通過(guò)js為dom元素添加事件。原生的js中使用 window.onload 方法；在JQ中使用$(document).ready()。這個(gè)方法在dom載入就緒時(shí)對(duì)其進(jìn)行操縱并調(diào)用執(zhí)行它所綁定的函數(shù)。

3、選取元素querySelectorAll方法返回的是NodeList對(duì)象，需要轉(zhuǎn)換為數(shù)組。創(chuàng)建元素添加事件get/set屬性添加和移除樣式ClassDOM元素本身有一個(gè)可讀寫的className屬性，可以用來(lái)操作class。

4、使用原生js實(shí)現(xiàn)使用原生js主要用到了window.onload方法：onload 事件會(huì)在頁(yè)面或圖像加載完成后立即發(fā)生。語(yǔ)法：onload=SomeJavaScriptCode參數(shù)SomeJavaScriptCode是必須的規(guī)定該事件發(fā)生時(shí)執(zhí)行的 JavaScript。