jQuery之效能優化（一）

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

code:

<

divid="content"

>

<

form

method="post"

action="#"

>

<

h2>交通訊號燈

h2>

<

ulid="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>

如果採用下面的選擇器，那麼效率是低效的。

code:

vartraffic_button=$("#content.button");

因為button已經有id了，所以選擇直接使用id選擇器

code:

vartraffic_button=$("#traffic_button");

當然，這只是對單一元素來講的。如果你選擇多個元素，必然會設計到很多的dom 查詢遍歷和迴圈，為了提高效能，所以選擇從最近的id選擇器開始繼承

code:

vartraffic_lights=$("#traffic_lightinput");

jQuery之效能優化（一）

1.總是從id選擇器開始繼承 code divid content form method post action h2 交通訊號燈 h2 ulid traffic light li input type radio class on name light value red 紅色 li li in...

jquery效能優化原則

1 盡量使用id選擇器，其次tag選擇器，批量選擇，從最近的先輩元素的id寫起 eg id input.on 2 將jquery物件快取起來 可以在變數前加 區分 或運用鏈式操作，不要重複選取 3 限制dom操作函式呼叫次數，盡量將串拼好，一次呼叫html 加入 4 事件盡量不要用迴圈繫結，可以繫結...

jQuery效能優化指南

這個話題也是老生常談的了，jquery倒是沒少用，卻很少考慮它的效能！隨著cpu的嗷嗷上揚，覺得應該好好考慮這個問題！最近讀到e文 jquery performance rules 拿來跟大家分享，粗略的翻譯了一下！1 always descend from an id 總是從id選擇器開始繼承 2...