jQuery中ready事件用法實例
更新時間:2015年01月19日 09:33:41 投稿:shichen2014
這篇文章主要介紹了jQuery中ready事件用法,實例分析了ready事件的功能、定義及文檔加載就緒以后觸發(fā)的具體使用技巧,需要的朋友可以參考下
本文實例講述了jQuery中ready事件用法。分享給大家供大家參考。具體分析如下:
此事件會在文檔加載就緒以后觸發(fā),也就是當DOM對象已經加載,并且網頁內容全部呈現時候觸發(fā)。
ready()方法可以為ready事件綁定事件處理方法,并且此方法的選擇器是唯一的,那就是document對象。
語法形式有三種,后兩種是第一種的簡寫。
語法結構:
語法一:
復制代碼 代碼如下:
$(document).ready(function)
語法二:
復制代碼 代碼如下:
$().ready(function)
語法三:
復制代碼 代碼如下:
$(function)
參數列表:
參數 描述
function 定義當文檔加載完成后要運行的函數。
實例代碼:
復制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://chabaoo.cn/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("文檔已經加載完畢")
})
</script>
</head>
<body>
</body>
</html>
希望本文所述對大家的jQuery程序設計有所幫助。
相關文章
Jquery節(jié)點遍歷next與nextAll方法使用示例
next()方法用于獲取“節(jié)點之后”挨著它的第一個“同類同輩”元素。nextAll()方法用于獲取“節(jié)點之后”所有的元素2014-07-07jQuery+ajax實現滾動到頁面底部自動加載圖文列表效果(類似圖片懶加載)
這篇文章主要介紹了jQuery+ajax實現滾動到頁面底部自動加載圖文列表效果,模擬圖片懶加載功能,涉及jQuery的ajax與asp.net交互動態(tài)顯示頁面內容的相關技巧,需要的朋友可以參考下2016-06-06