|
2. 在class前使用tag
第二快的選擇器是tag選擇器($(’head’)). 同理,因?yàn)樗鼇碜栽膅etElementsByTagName() 方法. <div id=“content”>
<form method=“post” action=“/”>
<h2>Traffic Light</h2>
<ul id=“traffic_light”>
<li><input type=“radio” class=“on” name=“l(fā)ight” value=“red” /> Red</li>
<li><input type=“radio” class=“off” name=“l(fā)ight” value=“yellow” /> Yellow</li>
<li><input type=“radio” class=“off” name=“l(fā)ight” value=“green” /> Green</li>
</ul>
<input class=“button” id=“traffic_button” type=“submit” value=“Go” />
</form>
</div>;
總是用一個(gè)tag name來限制(修飾)class (并且不要忘記就近的ID): var active_light = $(‘#traffic_light input.on’);
注意: 在jquery中Class是最慢的選擇器. IE瀏覽器下它會(huì)遍歷所有DOM節(jié)點(diǎn)不管它用在那里.
不要用用tag name來修飾ID. 下面的例子將會(huì)遍歷所有的div元素來查找id為’content’的哪一個(gè)節(jié)點(diǎn): var content = $(‘div#content’);
用ID修飾ID也是畫蛇添足:
var traffic_light = $(‘#content #traffic_light’);
出處：Time Machine
責(zé)任編輯：moby
上一頁 jQuery性能優(yōu)化指南 [1] 下一頁 jQuery性能優(yōu)化指南 [3]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 2 頁 jQuery性能優(yōu)化指南 [2]
