如何使jQuery高效

2021-06-23 03:22:58 字數 628 閱讀 6900

1)快取變數 少用選擇器

$element = $('#element');

h = $element.height();

2)避免全域性變數

3)在變數前加$字首,便於識別出jquery物件。

4)使用on 不要使用單獨的click()等方法

--注釋---

.bind()是直接繫結在元素上

.live()則是通過冒泡的方式來繫結到元素上的。更適合列表型別的,繫結到document dom節點上。和.bind()的優勢是支援動態資料。

.delegate()則是更精確的小範圍使用事件**,效能優於.live()

.on()則是最新的1.9版本整合了之前的三種方式的新事件繫結機制

--end---

5)鏈式操作

6)最短路徑求值

function initvar($myvar)

7)技巧

你可能對使用jquery中的方法缺少經驗,一定要檢視的文件,可能會有乙個更好或更快的方法來使用它。

// 糟糕

$('#id').data(key,value);

// 建議 (高效)

$.data('#id',key,value);//important

jQuery外掛程式jQuery JSONP使用注意

jquery jsonp 是乙個支援 jsonp 呼叫的 jquery 外掛程式,使用它是因為它支援出錯時的 ajax 而 jquery 的 ajax 不支援,詳見前一篇博文 jquery ajax中使用jsonp的限制。我們已經在實際專案中使用,在開始使用時遇到了2個問題,在這裡記錄並分享一下。j...

使用JQuery使Div居中

div居中是乙個比較常見的需求。下面介紹一種使用jquery使div居中的方法 先假設有這樣乙個div,test 首先是要把需要居中的div進行絕對定位,如 有了這樣的樣式定義之後就是使其居中的js 了。var obj d 獲得相應的div物件 var x window width 500 2 使用...

如何高效讀書

雖然有人英文很強,有的翻譯很差,但anyway 中文閱讀與理解的時間,略讀與快速定位的速度還是要快一些。2.即時批註 總結筆記與交流 雖然愛書,但發現最有效的讀書方式還是不斷的製造脂批本,讀書時在重要的文字下劃線,把自己的心得寫在頁旁。在明天覆習一次批註,最好可以有空重新整理筆記,或者拿來與人討論。...