jQuery中ready事件用法實(shí)例
更新時(shí)間：2015年01月19日 09:33:41 投稿：shichen2014
這篇文章主要介紹了jQuery中ready事件用法,實(shí)例分析了ready事件的功能、定義及文檔加載就緒以后觸發(fā)的具體使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中ready事件用法。分享給大家供大家參考。具體分析如下：
此事件會在文檔加載就緒以后觸發(fā)，也就是當(dāng)DOM對象已經(jīng)加載，并且網(wǎng)頁內(nèi)容全部呈現(xiàn)時(shí)候觸發(fā)。
ready()方法可以為ready事件綁定事件處理方法，并且此方法的選擇器是唯一的，那就是document對象。
語法形式有三種，后兩種是第一種的簡寫。
語法結(jié)構(gòu):
語法一：
復(fù)制代碼 代碼如下:
$(document).ready(function)
語法二：
復(fù)制代碼 代碼如下:
$().ready(function)
語法三：
復(fù)制代碼 代碼如下:
$(function)
參數(shù)列表:
參數(shù) 描述
function 定義當(dāng)文檔加載完成后要運(yùn)行的函數(shù)。
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<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>
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- JavaScript的jQuery庫中ready方法的學(xué)習(xí)教程
- jQuery的ready方法詳解
- 模擬jQuery中的ready方法及實(shí)現(xiàn)按需加載css,js實(shí)例代碼
- javascript 模擬JQuery的Ready方法實(shí)現(xiàn)并出現(xià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)文章
這篇文章主要為大家詳細(xì)介紹了利用jQuery解析獲取JSON數(shù)據(jù)的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
網(wǎng)上查了好多用著都不行，自己搞定了：在包含iframe的頁面中加入以下腳本，基本思想是在iframe加載內(nèi)容后重新設(shè)置高度，下面代碼盡在IE6中用過，沒在其他瀏覽器中測試。2009-12-12
jquery簡單倒計(jì)時(shí)實(shí)現(xiàn)方法
這篇文章主要介紹了jquery簡單倒計(jì)時(shí)實(shí)現(xiàn)方法,涉及jQuery定時(shí)函數(shù)操作及日期與實(shí)現(xiàn)的運(yùn)算技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
基于JQuery的一句代碼實(shí)現(xiàn)表格的簡單篩選
JQuery的強(qiáng)大之處，這里就不用講了。這里將用一行簡單的JQuery代碼實(shí)現(xiàn)簡單的表格篩選。2010-07-07
基于jQuery對象和DOM對象和字符串之間的轉(zhuǎn)化實(shí)例
下面小編就為大家?guī)硪黄趈Query對象和DOM對象和字符串之間的轉(zhuǎn)化實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
jQuery AJAX實(shí)現(xiàn)調(diào)用頁面后臺方法和web服務(wù)定義的方法分享
jQuery AJAX實(shí)現(xiàn)調(diào)用頁面后臺方法和web服務(wù)定義的方法分享，需要的朋友可以參考下2012-03-03
基于jQuery實(shí)現(xiàn)帶動畫效果超炫酷的彈出對話框(附源碼下載)
這是一款基于jQuery的彈出對話框插件，這個(gè)jQuery對話框插件的最大特點(diǎn)是彈出和關(guān)閉都帶有非常炫酷的動畫特效,需要的朋友參考下吧2016-02-02
當(dāng)我們遇到提交表單時(shí)，需要我們重復(fù)添加好幾個(gè)表單，在訂單表格中添加多個(gè)不同型號的產(chǎn)品信息。這個(gè)時(shí)候有復(fù)制表單表單按鈕，也就是新增一項(xiàng)，通過點(diǎn)擊復(fù)制按鈕來實(shí)現(xiàn)新增一項(xiàng)，怎么實(shí)現(xiàn)的呢？下面小編跟大家分享，需要的朋友的朋友可以參考下2015-09-09
jquery實(shí)現(xiàn)頂部向右伸縮的導(dǎo)航區(qū)域代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)頂部向右伸縮的導(dǎo)航區(qū)域代碼,涉及jquery鼠標(biāo)click點(diǎn)擊事件及頁面元素動態(tài)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡單彈幕制作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12