<div id="content">
<form method="post" action="#">
<h2>交通信號燈 " /> 永久国产,午夜 dy888理论久久,99热在线观看精品

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

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技術(shù)jQuery性能優(yōu)化指南(1),轉(zhuǎn)載需保留來源!

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

主站蜘蛛池模板: 黄色 在线| 久久99精品国产99久久 | 国产大片免费观看中文字幕 | 亚洲伊人久久大香线蕉结合 | 97青草最新免费精品视频 | 色在线看| 狠狠色狠狠色很很综合很久久 | 美女一级毛片 | 九九视频这里只有精品 | 日本亚洲精品 | 婷婷毛片| 激情五月婷婷开心 | 一级做a爱片性色毛片武则天五则 | 国产精品高清在线 | 久久香蕉综合精品国产 | 国产欧美亚洲精品综合在线 | 色永久| 国产一区二区免费不卡在线播放 | 亚洲性小说 | 亚洲图色在线 | 欧美成人精品福利在线视频 | 伊人久久中文大香线蕉综合 | 亚洲国产婷婷香蕉久久久久久 | 人人澡人人澡人人看青草 | 国内精品久久久久影院网站 | 国产成人毛片视频不卡在线 | 久久免费精品一区二区 | 国产成人精品亚洲77美色 | 久久夜色精品国产噜噜 | 色鬼综合网 | 国产精品久久久久久久久久一区 | 欧美日韩激情一区二区三区 | 91在线高清 | 看全色黄大色黄女视频 | 国产成人精品日本亚洲网站 | 免费观看视频成人国产 | 中文字幕一区二区日产乱码 | 激情在线视频 | 999精品视频在线 | 国产美女在线精品亚洲二区 | 伊人网综合在线 |