使用JQuery 加載頁面時調用JS的實現方法
1,window.onload = function() {};
2,$(document).ready(function() {});
一、一般的加載頁面時調用js方法如下:
window.onload = function() { $("table tr:nth-child(even)").addClass("even"); //這個是jquery代碼 };
這段代碼會在整個頁面的document全部加載完成以后執(zhí)行。不幸的這種方式不僅要求頁面的DOM tree全部加載完成,而且要求所有的外部圖片和資源全部加載完成。更不幸的是,如果外部資源,例如圖片需要很長時間來加載,那么這個js效果就會讓用戶感覺失效了。
二、用jquery的方法加載頁面
$(document).ready(function() { // 任何需要執(zhí)行的js特效 $("table tr:nth-child(even)").addClass("even"); });
就僅僅只需要加載所有的DOM結構,在瀏覽器把所有的HTML放入DOM tree之前就執(zhí)行js效果。包括在加載外部圖片和資源之前。
其簡寫的方式:
$(function() { // 任何需要執(zhí)行的js特效 $("table tr:nth-child(even)").addClass("even"); });
使用 $(document).ready() 的簡寫,同時內部的 jQuery 代碼依然使用 $ 作為別名,而不管全局的 $ 為何。
jQuery 代碼:
jQuery(function($) { // 你可以在這里繼續(xù)使用$作為別名... });
以上這篇使用JQuery 加載頁面時調用JS的實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
jQuery實現鼠標選中文字后彈出提示窗口效果【附demo源碼】
這篇文章主要介紹了jQuery實現鼠標選中文字后彈出提示窗口效果,涉及jQuery事件響應及頁面元素動態(tài)操作相關技巧,非常簡便實用,需要的朋友可以參考下2016-09-09使用jquery datatable和bootsrap創(chuàng)建表格實例代碼
這篇文章主要介紹了使用jquery-datatable和bootsrap創(chuàng)建表格的實例代碼,需要的朋友可以參考下2017-03-03