使用JQuery 加載頁面時(shí)調(diào)用JS的實(shí)現(xiàn)方法
1,window.onload = function() {};
2,$(document).ready(function() {});
一、一般的加載頁面時(shí)調(diào)用js方法如下：
window.onload = function() {
$("table tr:nth-child(even)").addClass("even"); //這個(gè)是jquery代碼
};
這段代碼會(huì)在整個(gè)頁面的document全部加載完成以后執(zhí)行。不幸的這種方式不僅要求頁面的DOM tree全部加載完成，而且要求所有的外部圖片和資源全部加載完成。更不幸的是，如果外部資源，例如圖片需要很長時(shí)間來加載，那么這個(gè)js效果就會(huì)讓用戶感覺失效了。
二、用jquery的方法加載頁面
$(document).ready(function() {
// 任何需要執(zhí)行的js特效
$("table tr:nth-child(even)").addClass("even");
});
就僅僅只需要加載所有的DOM結(jié)構(gòu)，在瀏覽器把所有的HTML放入DOM tree之前就執(zhí)行js效果。包括在加載外部圖片和資源之前。
其簡寫的方式：
$(function() {
// 任何需要執(zhí)行的js特效
$("table tr:nth-child(even)").addClass("even");
});
使用 $(document).ready() 的簡寫，同時(shí)內(nèi)部的 jQuery 代碼依然使用 $ 作為別名，而不管全局的 $ 為何。
jQuery 代碼：
jQuery(function($) {
// 你可以在這里繼續(xù)使用$作為別名...
});
以上這篇使用JQuery 加載頁面時(shí)調(diào)用JS的實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Jquery和angularjs獲取check框選中的值的方法匯總
本文分別通過具體的實(shí)例向大家展示了jquery和angularjs獲取獲取check框選中的值的方法，非常的簡單實(shí)用，有需要的小伙伴可以參考下2016-01-01
寫得不錯(cuò)的jquery table鼠標(biāo)經(jīng)過變色代碼
鼠標(biāo)經(jīng)過table變色的效果，想必大家都有遇到過吧，其實(shí)實(shí)現(xiàn)并不難，在本文為大家詳細(xì)介紹下jquery是如何實(shí)現(xiàn)的，感興趣的朋友可以參看下2013-09-09
通過Jquery.cookie.js實(shí)現(xiàn)展示瀏覽網(wǎng)頁的歷史記錄超管用
本文給大家分享利用cookie插件獲取用戶瀏覽文章或者是網(wǎng)頁的歷史記錄，并把用戶最近瀏覽過的信息顯示在頁面，涉及到 jquery.cookie.js相關(guān)知識(shí)，感興趣的朋友可以參考下2015-10-10
jQuery實(shí)現(xiàn)指定內(nèi)容滾動(dòng)同時(shí)左側(cè)或其它地方不滾動(dòng)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)指定內(nèi)容滾動(dòng)同時(shí)左側(cè)或其它地方不滾動(dòng)的方法,可實(shí)現(xiàn)頁面滾動(dòng)的時(shí)候指定位置懸浮固定的效果,涉及jquery針對(duì)頁面元素屬性的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2015-08-08
本文給大家總結(jié)了關(guān)于jquery中頁面返回頂部的方法小結(jié)，以及各個(gè)方法的優(yōu)缺點(diǎn)介紹，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2016-12-12
jQuery獲得各種控件Value的方法，使用jquery的朋友可以參考下。2010-11-11
DIV外區(qū)域Click后關(guān)閉DIV的實(shí)現(xiàn)代碼
首先看下JS的事件模型，JS事件模型為向上冒泡，如onclick事件在某一DOM元素被觸發(fā)后，事件將跟隨節(jié)點(diǎn)向上傳播，直到有click事件綁定在某一父節(jié)點(diǎn)上，如果沒有將直至文檔的根2011-12-12
基于jQuery實(shí)現(xiàn)拖拽圖標(biāo)到回收站并刪除功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)拖拽圖標(biāo)到回收站并刪除功能，實(shí)現(xiàn)非常簡單，我們直接可以利用jQuery內(nèi)部封裝的拖拽接口即可簡單實(shí)現(xiàn)在網(wǎng)頁上拖拽任意元素的功能，感興趣的小伙伴們可以參考一下2015-11-11
jQuery-Citys省市區(qū)三級(jí)菜單聯(lián)動(dòng)插件使用詳解
這篇文章主要為大家詳細(xì)介紹了jQuery-Citys省市區(qū)三級(jí)菜單聯(lián)動(dòng)插件使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
本文是對(duì)JQGrid的用法--列編輯,添加行,刪除行。進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11