頁(yè)面加載完成后再執(zhí)行JS的jquery寫法以及區(qū)別說(shuō)明
更新時(shí)間：2014年02月22日 09:43:17 作者：
本篇文章主要是對(duì)頁(yè)面加載完成后再執(zhí)行JS的jquery寫法以及區(qū)別進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
1、$(function(){
$("#a").click(function(){
//adding your code here
});
});
2、$(document).ready(function(){
$("#a").click(function(){
//adding your code here
});
});
3、window.onload = function(){
$("#a").click(function(){
//adding your code here
});
}
html代碼為<input type="button" id="a">點(diǎn)擊</input>，且頁(yè)面需要引用jquery的js文件
一般的加載頁(yè)面時(shí)調(diào)用js方法如下：
復(fù)制代碼 代碼如下:
window.onload = function() {
$("table tr:nth-child(even)").addClass("even"); //這個(gè)是jquery代碼
};
這段代碼會(huì)在整個(gè)頁(yè)面的document全部加載完成以后執(zhí)行。不幸的這種方式不僅要求頁(yè)面的DOM tree全部加載完成，而且要求所有的外部圖片和資源全部加載完成。更不幸的是，如果外部資源，例如圖片需要很長(zhǎng)時(shí)間來(lái)加載，那么這個(gè)js效果就會(huì)讓用戶感覺失效了。
但是用jquery的方法：
復(fù)制代碼 代碼如下:
$(document).ready(function() {
// 任何需要執(zhí)行的js特效
$("table tr:nth-child(even)").addClass("even");
});
就僅僅只需要加載所有的DOM結(jié)構(gòu)，在瀏覽器把所有的HTML放入DOM tree之前就執(zhí)行js效果。包括在加載外部圖片和資源之前。
還有一種簡(jiǎn)寫的方式：
復(fù)制代碼 代碼如下:
$(function() {
// 任何需要執(zhí)行的js特效
$("table tr:nth-child(even)").addClass("even");
});
相關(guān)文章
jQuery在vs2008及js文件中的無(wú)智能提示的解決方法
我通過(guò)下面方法實(shí)現(xiàn)了jQuery在VS2008及js文件中的智能提示的，希望對(duì)朋友們有所幫助。2010-12-12
jCallout 輕松實(shí)現(xiàn)氣泡提示功能
在提交表單前、焦點(diǎn)轉(zhuǎn)移后或者 keyup 時(shí)往往需要對(duì)輸入的文本就行檢驗(yàn)，如果輸入內(nèi)容不符合相關(guān)約定則要進(jìn)行提示或警告，有一個(gè)叫 jCallout 的插件可以輕松實(shí)現(xiàn)該功能，該插件基于 jQuery 使用，所以使用前需要添加引用 jQuery2013-09-09
jquery處理json數(shù)據(jù)實(shí)例分析
json數(shù)據(jù)是一種經(jīng)型的實(shí)時(shí)數(shù)據(jù)交互的數(shù)據(jù)存儲(chǔ)方法，使用到最多的應(yīng)該是ajax與json配合使用了，下面我來(lái)給大家介紹jquery處理json數(shù)據(jù)方法。2014-06-06
jQuery Easyui加載表格出錯(cuò)時(shí)在表格中間顯示自定義的提示內(nèi)容
這篇文章主要介紹了jQuery Easyui加載表格出錯(cuò)時(shí)在表格中間顯示自定義的提示內(nèi)容的相關(guān)資料,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了jQuery讀取XML文件內(nèi)容的方法,實(shí)例分析了jQuery操作XML文件的技巧,需要的朋友可以參考下2015-03-03
使用jQuery實(shí)現(xiàn)Web頁(yè)面換膚功能的要點(diǎn)解析
網(wǎng)頁(yè)換膚的實(shí)質(zhì)就是切換CSS樣式,關(guān)鍵是給用戶做出點(diǎn)擊切換的功能以及換膚完成之后的緩存記錄功能,下面我們就來(lái)看一下使用jQuery實(shí)現(xiàn)Web頁(yè)面換膚功能的要點(diǎn)解析:2016-05-05
jQuery.extend 函數(shù)及用法詳細(xì)
Jquery的擴(kuò)展方法extend是我們?cè)趯懖寮倪^(guò)程中常用的方法，該方法有一些重載原型，在此，我們一起通過(guò)本篇文章學(xué)習(xí)jquery.extend函數(shù)及用法詳解吧2015-09-09
jquery1.4在ajax方法上進(jìn)一步的進(jìn)行優(yōu)化和調(diào)整，主要是做了如下的改進(jìn)。2010-02-02
使用jQuery不判斷瀏覽器高度解決iframe自適應(yīng)高度問(wèn)題
這篇文章主要介紹了使用jQuery不判斷瀏覽器高度解決iframe自適應(yīng)高度問(wèn)題,需要的朋友可以參考下2014-12-12
jQuery實(shí)現(xiàn)新消息在網(wǎng)頁(yè)標(biāo)題閃爍提示
這篇文章主要介紹了jQuery實(shí)現(xiàn)新消息在網(wǎng)頁(yè)標(biāo)題閃爍提示的相關(guān)資料,需要的朋友可以參考下2015-06-06