快捷導(dǎo)航

Jquery知識點(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ā)

所以相對來說jquery的ready可以提高網(wǎng)頁的響應(yīng)速度;
jquery:ready的標(biāo)準(zhǔn)寫法：

 
$(document).ready(function() { 
alert("加載結(jié)束"); 
}); 

一個(gè)$(document)將dom對象的document轉(zhuǎn)化為jquery對象，繼而可以調(diào)用jquery的方法ready();因?yàn)閐om對象是不可以調(diào)用jquery的方法的，雖然他們的關(guān)系很親密；
jquery:ready的簡寫形式：

復(fù)制代碼代碼如下:

 
$(function() { 
alert("加載結(jié)束"); 
}); 

ready函數(shù)的一個(gè)主要作用就是為dom對象注冊事件：

復(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> 

您可能感興趣的文章:

相關(guān)文章

ajax與json 獲取數(shù)據(jù)并在前臺使用簡單實(shí)例
這篇文章主要介紹了ajax與json 獲取數(shù)據(jù)并在前臺使用簡單實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-01-01
JQUERY 瀏覽器判斷實(shí)現(xiàn)函數(shù)
JQUERY 瀏覽器判斷實(shí)現(xiàn)函數(shù)，如果只是為了判斷瀏覽器不建議用，如果你已經(jīng)用了jquery才用啊，要不沒必要因?yàn)檫@個(gè)小功能，加個(gè)那么大的類庫吧。
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)手寫過插件。正好最近比較閑，就打算把一直看不順眼的項(xiàng)目中現(xiàn)有的tab改造一番（現(xiàn)有的tab未能做成一個(gè)控件，copy,past的代碼太多）。
2010-12-12
JQuery實(shí)現(xiàn)表格動(dòng)態(tài)增加行并對新行添加事件
JQuery實(shí)現(xiàn)表格動(dòng)態(tài)增加行，一直保持最下面有多個(gè)空白行。這樣可以避免一次增加太多行可能導(dǎo)致頁面內(nèi)容太多，反應(yīng)變慢
2014-07-07
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax輔助方法
我們都知道在AjaxPro的方法AjaxPro.Utility.RegisterTypeForAjax(typeof(所在類的類名));會(huì)將標(biāo)記有[Ajax.AjaxMethod]方法注冊在客戶端。
2011-09-09
分享兩款帶遮罩的jQuery彈出框
這篇文章主要為大家分享了兩款帶遮罩的jQuery彈出框，jQuery遮罩層在現(xiàn)在的網(wǎng)站中十分常見，感興趣的小伙伴們可以參考一下
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à)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
jQuery實(shí)現(xiàn)Tab選項(xiàng)卡切換效果簡單演示
這篇文章向大家推薦了一個(gè)jQuery實(shí)現(xiàn)Tab選項(xiàng)卡切換效果的簡單演示，感興趣的小伙伴們可以參考一下
2015-11-11
jQuery插件實(shí)現(xiàn)非常實(shí)用的tab欄切換功能【案例】
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)非常實(shí)用的tab欄切換功能,涉及jQuery事件響應(yīng)及頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-02-02