使用JQuery 加載頁(yè)面時(shí)調(diào)用JS的實(shí)現(xiàn)方法
1,window.onload = function() {};
2,$(document).ready(function() {});
一、一般的加載頁(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í)間來加載,那么這個(gè)js效果就會(huì)讓用戶感覺失效了。
二、用jquery的方法加載頁(yè)面
$(document).ready(function() { // 任何需要執(zhí)行的js特效 $("table tr:nth-child(even)").addClass("even"); });
就僅僅只需要加載所有的DOM結(jié)構(gòu),在瀏覽器把所有的HTML放入DOM tree之前就執(zhí)行js效果。包括在加載外部圖片和資源之前。
其簡(jiǎn)寫的方式:
$(function() { // 任何需要執(zhí)行的js特效 $("table tr:nth-child(even)").addClass("even"); });
使用 $(document).ready() 的簡(jiǎn)寫,同時(shí)內(nèi)部的 jQuery 代碼依然使用 $ 作為別名,而不管全局的 $ 為何。
jQuery 代碼:
jQuery(function($) { // 你可以在這里繼續(xù)使用$作為別名... });
以上這篇使用JQuery 加載頁(yè)面時(shí)調(diào)用JS的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實(shí)現(xiàn)鼠標(biāo)選中文字后彈出提示窗口效果【附demo源碼】
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)選中文字后彈出提示窗口效果,涉及jQuery事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)技巧,非常簡(jiǎn)便實(shí)用,需要的朋友可以參考下2016-09-09jQuery實(shí)現(xiàn)鼠標(biāo)滾輪動(dòng)態(tài)改變樣式或效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滾輪動(dòng)態(tài)改變樣式或效果,需要的朋友可以參考下2015-01-01jQuery中元素選擇器(element)簡(jiǎn)單用法示例
這篇文章主要介紹了jQuery中元素選擇器(element)用法,簡(jiǎn)單通俗的說明了jQuery元素選擇器的功能、用法并結(jié)合實(shí)例形式分析了jQuery元素選擇器的相關(guān)使用技巧與注意事項(xiàng),需要的朋友可以參考下2018-05-05jquery 圖片縮放拖動(dòng)的簡(jiǎn)單實(shí)例
本篇文章只要是對(duì)jquery 圖片縮放拖動(dòng)的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-01-01使用jquery datatable和bootsrap創(chuàng)建表格實(shí)例代碼
這篇文章主要介紹了使用jquery-datatable和bootsrap創(chuàng)建表格的實(shí)例代碼,需要的朋友可以參考下2017-03-03實(shí)例詳解jQuery的鏈?zhǔn)骄幊田L(fēng)格
jQuery中的鏈?zhǔn)讲僮鳎尨a變得更有層次更簡(jiǎn)潔,所以這篇文章主要給大家介紹了關(guān)于jQuery鏈?zhǔn)骄幊田L(fēng)格的相關(guān)資料,需要的朋友可以參考下2021-06-06jquery獲取當(dāng)前元素索引值用法實(shí)例
這篇文章主要介紹了jquery獲取當(dāng)前元素索引值用法,實(shí)例分析了jQuery獲取當(dāng)前元素索引在創(chuàng)建圖片輪播效果中的使用技巧,需要的朋友可以參考下2015-06-06jquery 頁(yè)眉單行信息滾動(dòng)顯示實(shí)現(xiàn)思路及代碼
將滾動(dòng)的內(nèi)容查詢出來,放在一個(gè)div 或者別的容器里面,具體的實(shí)現(xiàn)代碼如下2014-06-06