<div id="content">
<form method="post" action="#">
<h2>交通信號燈 " /> 日本不卡的三区四区五区,日本高清在线观看,91超碰在线免费

色尼玛亚洲综合影院,亚洲3atv精品一区二区三区,麻豆freexxxx性91精品,欧美在线91

jQuery性能優(yōu)化指南(1)

1.總是從ID選擇器開始繼承

在jQuery中最快的選擇器是ID選擇器,因為它直接來自于JavaScript的getElementById()方法。

例如有一段HTML代碼:

Code
<div id="content">
<form method="post" action="#">
<h2>交通信號燈</h2>
<ul id="traffic_light">
<li><input type="radio" class="on" name="light" value="red" /> 紅色</li>
<li><input type="radio" class="off" name="light" value="yellow" /> 黃色</li>
<li><input type="radio" class="off" name="light" value="green" /> 綠色</li>
</ul>
<input class="button" id="traffic_button" type="submit" value="Go" />
</form>
</div>

3.將jQuery對象緩存起來

把jQuery對象緩存起來 就是要告訴我們 要養(yǎng)成將jQuery對象緩存進變量的習慣。下面是一個jQuery新手寫的一段代碼:

$("#traffic_light input.on").bind("click", function(){ ... });

$("#traffic_light input.on").css("border", "1px dashed yellow");

$("#traffic_light input.on").css("background-color", "orange");

$("#traffic_light input.on").fadeIn("slow");

但切記不要這么做。我們應該先將對象緩存進一個變量然后再操作,如下所示:

var $active_light = $("#traffic_light input.on");

$active_light.bind("click", function(){ ... });    $active_light.css("border", "1px dashed yellow");

$active_light.css("background-color", "orange");

$active_light.fadeIn("slow");

記住,永遠不要讓相同的選擇器在你的代碼里出現(xiàn)多次。

注:(1)為了區(qū)分普通的JavaScript對象和jQuery對象,可以在變量首字母前加上 $ 符號。
            (2)上面代碼可以使用jQuery的鏈式操作加以改善。如下所示:

             var $active_light = $("#traffic_light input.on");

NET技術jQuery性能優(yōu)化指南(1),轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 郓城县| 长寿区| 巧家县| 秦安县| 布尔津县| 延庆县| 濉溪县| 涪陵区| 班戈县| 泸定县| 上栗县| 宁陵县| 额济纳旗| 化隆| 革吉县| 明星| 玉林市| 衡水市| 瑞丽市| 海原县| 启东市| 阳东县| 达尔| 凤城市| 乌拉特后旗| 扶风县| 云梦县| 开平市| 霍邱县| 通州市| 罗甸县| 蓝山县| 石柱| 禄丰县| 东乡| 北安市| 祁东县| 靖边县| 丰镇市| 邵东县| 吴堡县|