国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:03:26
字體:
來源:轉載
供稿:網友

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");
});

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 鸡西市| 康定县| 大竹县| 光山县| 清远市| 澜沧| 确山县| 吉林省| 南郑县| 富平县| 巴彦淖尔市| 梁河县| 扶绥县| 丘北县| 海南省| 枣阳市| 怀远县| 吴堡县| 富川| 诏安县| 古浪县| 松江区| 萨嘎县| 恭城| 湾仔区| 五台县| 泰来县| 长沙市| 云安县| 仙桃市| 兴宁市| 普宁市| 临武县| 临海市| 辽源市| 吉首市| 吉首市| 桂阳县| 泰和县| 兴安盟| 老河口市|