頁(yè)面加載完成后再執(zhí)行JS的jquery寫(xiě)法以及區(qū)別說(shuō)明
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方法如下:
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ì)讓用戶(hù)感覺(jué)失效了。
但是用jquery的方法:
$(document).ready(function() {
// 任何需要執(zhí)行的js特效
$("table tr:nth-child(even)").addClass("even");
});
就僅僅只需要加載所有的DOM結(jié)構(gòu),在瀏覽器把所有的HTML放入DOM tree之前就執(zhí)行js效果。包括在加載外部圖片和資源之前。
還有一種簡(jiǎn)寫(xiě)的方式:
$(function() {
// 任何需要執(zhí)行的js特效
$("table tr:nth-child(even)").addClass("even");
});
相關(guān)文章
Jquery each方法跳出循環(huán),并獲取返回值(實(shí)例講解)
這篇文章主要是對(duì)Jquery each方法跳出循環(huán),并獲取返回值進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12jQuery實(shí)現(xiàn)小球點(diǎn)擊發(fā)射動(dòng)畫(huà)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)小球點(diǎn)擊發(fā)射動(dòng)畫(huà),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01jQuery實(shí)現(xiàn)的仿select功能代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的仿select功能代碼,使用jquery.select.js插件實(shí)現(xiàn)select選擇功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08jquery構(gòu)造器的實(shí)現(xiàn)代碼小結(jié)
jQuery的$符號(hào)非常神奇,它可以接受一個(gè)字符,也可以接受一個(gè)文檔對(duì)象或window對(duì)象,亦可以傳個(gè)函數(shù)進(jìn)行變?yōu)閐omReady加載器2011-05-05基于jQuery實(shí)現(xiàn)以手風(fēng)琴方式展開(kāi)和折疊導(dǎo)航菜單
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)以手風(fēng)琴方式展開(kāi)和折疊導(dǎo)航菜單的相關(guān)資料,需要的朋友可以參考下2016-01-01創(chuàng)建公共調(diào)用 jQuery Ajax 帶返回值
請(qǐng)求Ajax 帶返回值,并彈出提示框提醒的實(shí)現(xiàn)代碼,需要的朋友可以參考下2012-08-08