JQuery中$(document)是什么意思有什么作用
首先我解釋一下jQuery jQuery有一個(gè)用來(lái)作為DOM快速載入javascript的得心應(yīng)手的小函數(shù)，那就是ready… 他在頁(yè)面加載完成之前執(zhí)行。
為什么不用window.onload()，因?yàn)閣indow.onload函數(shù)執(zhí)行的時(shí)候，要說(shuō)明所有東西已經(jīng)載入，包括圖像和橫幅等等。要知道較大的圖片下載速度會(huì)比較慢，因此用戶(hù)必須等待大圖片下載完畢才能看到window.onload()執(zhí)行的代碼效果，這樣就花費(fèi)了很長(zhǎng)的等待時(shí)間，這不是我們想要的。
但是 $(document).ready(fn):當(dāng)DOM載入就緒可以查詢(xún)及操縱時(shí)綁定一個(gè)要執(zhí)行的函數(shù)。
這是事件模塊中最重要的一個(gè)函數(shù)，因?yàn)樗梢詷O大地提高web應(yīng)用程序的響應(yīng)速度。
簡(jiǎn)單地說(shuō)，這個(gè)方法純粹是對(duì)向window.load事件注冊(cè)事件的替代方法。通過(guò)使用這個(gè)方法，可以在DOM載入就緒能夠讀取并操縱時(shí)立即調(diào)用你所綁定的函數(shù). $(document).ready(function(){ // 你的代碼 });
$(document)意思是說(shuō)，獲取整個(gè)網(wǎng)頁(yè)文檔對(duì)象（類(lèi)似的于window.document），
$(document).ready意思就是說(shuō)，獲取文檔對(duì)象就緒的時(shí)候。上面這段代碼的意思是檢查文檔對(duì)象直到它能夠允許被操作（譯者注：這樣做比window.onload()函數(shù)要快的多，因?yàn)橹灰臋n對(duì)象載入完成就能夠執(zhí)行代碼了，而不需要等待頁(yè)面中的圖片下載是否已經(jīng)完成）---這是我們想要的。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了基于jquery平滑滾動(dòng)到頂部插件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
本文給大家介紹的是一款移動(dòng)端下的jQuery插件Hammer.js，他是一個(gè)開(kāi)源的，輕量級(jí)的javascript庫(kù)，它可以在不需要依賴(lài)其他東西的情況下識(shí)別觸摸，鼠標(biāo)事件支持各種手機(jī)事件，比如縮放，qq左滑動(dòng)刪除，放大，旋轉(zhuǎn)等2015-07-07
jquery ajax雙擊div可直接修改div中的內(nèi)容
這篇文章主要介紹了jquery ajax雙擊div直接修改div中內(nèi)容的相關(guān)方法，感興趣的小伙伴們可以參考一下2016-03-03
jQuery彈出層始終垂直居中相對(duì)于屏幕或當(dāng)前窗口
碰到?jīng)]有固定高或者固定寬或者固定高和寬的時(shí)候，我們就需要用JS去處理，去動(dòng)態(tài)獲取當(dāng)前窗口高或者寬；今天弄了2種情況，一個(gè)是相對(duì)于屏幕窗體，一個(gè)是相對(duì)于當(dāng)前的窗口，看代碼2013-04-04
jquery中ajax使用error調(diào)試錯(cuò)誤的方法
這篇文章主要介紹了jquery中ajax使用error調(diào)試錯(cuò)誤的方法,實(shí)例分析了Ajax的使用方法與error函數(shù)調(diào)試錯(cuò)誤的技巧,需要的朋友可以參考下2015-02-02
jQuery實(shí)現(xiàn)div隨意拖動(dòng)的實(shí)例代碼(通用代碼)
這篇文章主要介紹了jQuery實(shí)現(xiàn)div隨意拖動(dòng)的實(shí)例代碼，涉及到j(luò)query div隨意拖動(dòng)相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2016-01-01
本篇文章給大家詳細(xì)分析了用jquery實(shí)現(xiàn)放大鏡效果的方法，以及代碼分享，有興趣的學(xué)習(xí)下。2018-02-02
深入理解bootstrap框架之入門(mén)準(zhǔn)備
Bootstrap是最流行的前端開(kāi)發(fā)框架。本文涉及到bootstrap的特性介紹，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-10-10
jQuery拋物線運(yùn)動(dòng)實(shí)現(xiàn)方法(附完整demo源碼下載)
這篇文章主要介紹了jQuery拋物線運(yùn)動(dòng)實(shí)現(xiàn)方法,以完整實(shí)例形式分析了jQuery物體運(yùn)動(dòng)的實(shí)現(xiàn)技巧,并附帶了完整的demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01
jquery實(shí)現(xiàn)通用的內(nèi)容漸顯Tab選項(xiàng)卡效果
這篇文章主要介紹了jquery實(shí)現(xiàn)通用的內(nèi)容漸顯Tab選項(xiàng)卡效果,涉及jquery通過(guò)時(shí)間函數(shù)定時(shí)觸發(fā)頁(yè)面元素樣式變換的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09