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