? ? ? ?當打開一個網頁時,我們經常會對頁面進行一些操作,jquery加載頁面就是操作之一,那么百恒網絡今天就來給大家介紹一下jquery加載頁面的方法,僅供大家參考:
? ? ? ?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代碼為?
且頁面需要引用jquery的js文件?
? ? ? ?一般的加載頁面時調用js方法如下:?
? ? ? ?window.onload = function() {?
? ? ? ?$("table tr:nth-child(even)").addClass("even"); //這個是jquery代碼?
? ? ? ?};?
? ? ? ?這段代碼會在整個頁面的document全部加載完成以后執行。不幸的這種方式不僅要求頁面的DOM tree全部加載完成,而且要求所有的外部圖片和資源全部加載完成。更不幸的是,如果外部資源,例如圖片需要很長時間來加載,那么這個js效果就會讓用戶感覺失效了。?
? ? ? ?但是用jquery的方法:?
? ? ? ?$(document).ready(function() {?
? ? ? ?// 任何需要執行的js特效?
? ? ? ?$("table tr:nth-child(even)").addClass("even");?
? ? ? ?});?
? ? ? ?就僅僅只需要加載所有的DOM結構,在瀏覽器把所有的HTML放入DOM tree之前就執行js效果。包括在加載外部圖片和資源之前。?
? ? ? ?還有一種簡寫的方式:?
? ? ? ?$(function() {?
? ? ? ?// 任何需要執行的js特效?
? ? ? ?$("table tr:nth-child(even)").addClass("even");?
? ? ? ?});?
? ? ? ?以上就是百恒網絡為大家介紹的jquery加載頁面時的操作方法,本公司是一家專業從事網站建設、微信開發、APP開發等服務的江西網絡公司,想了解更多關于網站建設方法的知識,可隨時來電咨詢百恒網絡,我們專業為您解答疑惑!