頁面載入完成後再執行JS的jquery寫法以及區別說明

來源:互聯網
上載者:User

 本篇文章主要是對頁面載入完成後再執行JS的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代碼為<input type="button" id="a">點擊</input>,且頁面需要引用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"); }); 
相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。