jQuery中ready事件用法實(shí)例
本文實(shí)例講述了jQuery中ready事件用法。分享給大家供大家參考。具體分析如下:
此事件會(huì)在文檔加載就緒以后觸發(fā),也就是當(dāng)DOM對(duì)象已經(jīng)加載,并且網(wǎng)頁(yè)內(nèi)容全部呈現(xiàn)時(shí)候觸發(fā)。
ready()方法可以為ready事件綁定事件處理方法,并且此方法的選擇器是唯一的,那就是document對(duì)象。
語(yǔ)法形式有三種,后兩種是第一種的簡(jiǎn)寫(xiě)。
語(yǔ)法結(jié)構(gòu):
語(yǔ)法一:
語(yǔ)法二:
語(yǔ)法三:
參數(shù)列表:
參數(shù) 描述
function 定義當(dāng)文檔加載完成后要運(yùn)行的函數(shù)。
實(shí)例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("文檔已經(jīng)加載完畢")
})
</script>
</head>
<body>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- JavaScript的jQuery庫(kù)中ready方法的學(xué)習(xí)教程
- jQuery的ready方法詳解
- 模擬jQuery中的ready方法及實(shí)現(xiàn)按需加載css,js實(shí)例代碼
- javascript 模擬JQuery的Ready方法實(shí)現(xiàn)并出現(xiàn)的問(wèn)題
- jQuery ready()和onload的加載耗時(shí)分析
- jquery ready函數(shù)深入分析
- 全面解析jQuery $(document).ready()和JavaScript onload事件
- jQuery中document與window以及l(fā)oad與ready 區(qū)別詳解
- jQuery ready方法實(shí)現(xiàn)原理詳解
相關(guān)文章
將form表單通過(guò)ajax實(shí)現(xiàn)無(wú)刷新提交的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇將form表單通過(guò)ajax實(shí)現(xiàn)無(wú)刷新提交的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10JQuery Tab選項(xiàng)卡效果代碼改進(jìn)版
JQuery制作的選項(xiàng)卡改進(jìn)版,已經(jīng)有人將這個(gè)效果改進(jìn)下封裝成一個(gè)完整的方法。2010-04-04validform表單驗(yàn)證的實(shí)現(xiàn)方法
這篇文章主要介紹了validform表單驗(yàn)證的實(shí)現(xiàn)方法,validform插件主要把所有的驗(yàn)證條件和驗(yàn)證提示信息綁定到每個(gè)表單元素,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-03-03Jquery節(jié)點(diǎn)遍歷next與nextAll方法使用示例
next()方法用于獲取“節(jié)點(diǎn)之后”挨著它的第一個(gè)“同類同輩”元素。nextAll()方法用于獲取“節(jié)點(diǎn)之后”所有的元素2014-07-07jQuery+ajax實(shí)現(xiàn)滾動(dòng)到頁(yè)面底部自動(dòng)加載圖文列表效果(類似圖片懶加載)
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)滾動(dòng)到頁(yè)面底部自動(dòng)加載圖文列表效果,模擬圖片懶加載功能,涉及jQuery的ajax與asp.net交互動(dòng)態(tài)顯示頁(yè)面內(nèi)容的相關(guān)技巧,需要的朋友可以參考下2016-06-06詳解jQuery中的deferred對(duì)象的使用(一)
deferred對(duì)象是jQuery對(duì)Promises接口的實(shí)現(xiàn)。接下來(lái)通過(guò)本文給大家詳解介紹jQuery中的deferred對(duì)象的使用(一),需要的朋友一起學(xué)習(xí)吧2016-05-05jQuery實(shí)現(xiàn)合并表格單元格中相同行操作示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)合并表格單元格中相同行操作,結(jié)合實(shí)例形式分析了jQuery針對(duì)table表格實(shí)現(xiàn)單元格合并的相關(guān)操作技巧,需要的朋友可以參考下2019-01-01