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

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

頁(yè)面加載完成后再執(zhí)行JS的jquery寫法以及區(qū)別說明

2024-05-06 16:01:27
字體:
供稿:網(wǎng)友
本篇文章主要是對(duì)頁(yè)面加載完成后再執(zhí)行JS的jquery寫法以及區(qū)別進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助

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">點(diǎn)擊</input>,且頁(yè)面需要引用jquery的js文件

一般的加載頁(yè)面時(shí)調(diào)用js方法如下:

復(fù)制代碼 代碼如下:


window.onload = function() {
 $("table tr:nth-child(even)").addClass("even"); //這個(gè)是jquery代碼
};


這段代碼會(huì)在整個(gè)頁(yè)面的document全部加載完成以后執(zhí)行。不幸的這種方式不僅要求頁(yè)面的DOM tree全部加載完成,而且要求所有的外部圖片和資源全部加載完成。更不幸的是,如果外部資源,例如圖片需要很長(zhǎng)時(shí)間來加載,那么這個(gè)js效果就會(huì)讓用戶感覺失效了。

但是用jquery的方法:

復(fù)制代碼 代碼如下:


$(document).ready(function() {
 // 任何需要執(zhí)行的js特效
 $("table tr:nth-child(even)").addClass("even");
});


就僅僅只需要加載所有的DOM結(jié)構(gòu),在瀏覽器把所有的HTML放入DOM tree之前就執(zhí)行js效果。包括在加載外部圖片和資源之前。

還有一種簡(jiǎn)寫的方式:

復(fù)制代碼 代碼如下:


$(function() {
 // 任何需要執(zhí)行的js特效
 $("table tr:nth-child(even)").addClass("even");
});

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 衡水市| 新巴尔虎左旗| 邛崃市| 邵阳县| 都昌县| 榆树市| 阿勒泰市| 瑞金市| 永登县| 白河县| 大埔区| 宁蒗| 郎溪县| 怀远县| 兴义市| 靖西县| 鄢陵县| 买车| 剑阁县| 莱州市| 普洱| 阿城市| 水城县| 泰州市| 尼木县| 旌德县| 西峡县| 乃东县| 阿拉尔市| 梁山县| 威宁| 台中县| 灵璧县| 鄂州市| 类乌齐县| 民乐县| 宜城市| 红桥区| 南充市| 专栏| 辽宁省|