Jquery知識(shí)點(diǎn)一 Jquery的ready和Dom的onload的區(qū)別
更新時(shí)間：2011年01月15日 23:31:41 作者：
onload是所有dom元素創(chuàng)建完畢，圖片、css等都加在完畢后才觸發(fā)
ready則是dom元素創(chuàng)建完畢后就被觸發(fā)
所以相對(duì)來(lái)說(shuō)jquery的ready可以提高網(wǎng)頁(yè)的響應(yīng)速度;
jquery:ready的標(biāo)準(zhǔn)寫法：
$(document).ready(function() {
alert("加載結(jié)束");
});
一個(gè)$(document)將dom對(duì)象的document轉(zhuǎn)化為jquery對(duì)象，繼而可以調(diào)用jquery的方法ready();因?yàn)閐om對(duì)象是不可以調(diào)用jquery的方法的，雖然他們的關(guān)系很親密；
jquery:ready的簡(jiǎn)寫形式：
$(function() {
alert("加載結(jié)束");
});
ready函數(shù)的一個(gè)主要作用就是為dom對(duì)象注冊(cè)事件：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../myjs/jquery-1.4.2.js" type="text/javascript"></script>
<script type ="text/javascript" >
$(function() {
$("#clickme").click(function() {
alert("我被點(diǎn)擊了");
});
});
</script>
</head>
<body>
<input type ="button" id="clickme" value ="點(diǎn)擊我" />
</body>
</html>
jquery:ready的標(biāo)準(zhǔn)寫法：
復(fù)制代碼 代碼如下:
$(document).ready(function() {
alert("加載結(jié)束");
});
一個(gè)$(document)將dom對(duì)象的document轉(zhuǎn)化為jquery對(duì)象，繼而可以調(diào)用jquery的方法ready();因?yàn)閐om對(duì)象是不可以調(diào)用jquery的方法的，雖然他們的關(guān)系很親密；
jquery:ready的簡(jiǎn)寫形式：
復(fù)制代碼 代碼如下:
$(function() {
alert("加載結(jié)束");
});
ready函數(shù)的一個(gè)主要作用就是為dom對(duì)象注冊(cè)事件：
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../myjs/jquery-1.4.2.js" type="text/javascript"></script>
<script type ="text/javascript" >
$(function() {
$("#clickme").click(function() {
alert("我被點(diǎn)擊了");
});
});
</script>
</head>
<body>
<input type ="button" id="clickme" value ="點(diǎn)擊我" />
</body>
</html>
您可能感興趣的文章:
- jQuery mobile在頁(yè)面加載時(shí)添加加載中效果 document.ready 和window.onload執(zhí)行順序比較
- jQuery中的ready函數(shù)與window.onload誰(shuí)先執(zhí)行
- 全面解析jQuery $(document).ready()和JavaScript onload事件
- jquery $(document).ready()和window.onload的區(qū)別淺析
- JQuery的ready函數(shù)與JS的onload的區(qū)別詳解
- JQuery onload、ready概念介紹及使用方法
- jquery的$(document).ready()和onload的加載順序
- jquery $(document).ready() 與window.onload的區(qū)別
- jquery中的$(document).ready()與window.onload的區(qū)別
- jQuery ready()和onload的加載耗時(shí)分析
相關(guān)文章
ajax與json 獲取數(shù)據(jù)并在前臺(tái)使用簡(jiǎn)單實(shí)例
這篇文章主要介紹了ajax與json 獲取數(shù)據(jù)并在前臺(tái)使用簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-01-01
JQUERY 瀏覽器判斷實(shí)現(xiàn)函數(shù)
JQUERY 瀏覽器判斷實(shí)現(xiàn)函數(shù)，如果只是為了判斷瀏覽器不建議用，如果你已經(jīng)用了jquery才用啊，要不沒(méi)必要因?yàn)檫@個(gè)小功能，加個(gè)那么大的類庫(kù)吧。2009-08-08
jQuery實(shí)現(xiàn)上傳圖片前預(yù)覽效果功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)上傳圖片前預(yù)覽效果功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
DIY jquery plugin - tabs標(biāo)簽切換實(shí)現(xiàn)代碼
接觸jquery 2,3個(gè)月了，一直都未動(dòng)手寫過(guò)插件。正好最近比較閑，就打算把一直看不順眼的項(xiàng)目中現(xiàn)有的tab改造一番（現(xiàn)有的tab未能做成一個(gè)控件，copy,past的代碼太多）。2010-12-12
JQuery實(shí)現(xiàn)表格動(dòng)態(tài)增加行并對(duì)新行添加事件
JQuery實(shí)現(xiàn)表格動(dòng)態(tài)增加行，一直保持最下面有多個(gè)空白行。這樣可以避免一次增加太多行可能導(dǎo)致頁(yè)面內(nèi)容太多，反應(yīng)變慢2014-07-07
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax輔助方法
我們都知道在AjaxPro的方法AjaxPro.Utility.RegisterTypeForAjax(typeof(所在類的類名));會(huì)將標(biāo)記有[Ajax.AjaxMethod]方法注冊(cè)在客戶端。2011-09-09
這篇文章主要為大家分享了兩款帶遮罩的jQuery彈出框，jQuery遮罩層在現(xiàn)在的網(wǎng)站中十分常見(jiàn)，感興趣的小伙伴們可以參考一下2015-12-12
實(shí)時(shí)監(jiān)控input框,實(shí)現(xiàn)輸入框與下拉框聯(lián)動(dòng)的實(shí)例
下面小編就為大家分享一篇實(shí)時(shí)監(jiān)控input框,實(shí)現(xiàn)輸入框與下拉框聯(lián)動(dòng)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
jQuery實(shí)現(xiàn)Tab選項(xiàng)卡切換效果簡(jiǎn)單演示
這篇文章向大家推薦了一個(gè)jQuery實(shí)現(xiàn)Tab選項(xiàng)卡切換效果的簡(jiǎn)單演示，感興趣的小伙伴們可以參考一下2015-11-11
jQuery插件實(shí)現(xiàn)非常實(shí)用的tab欄切換功能【案例】
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)非常實(shí)用的tab欄切換功能,涉及jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-02-02