14個JQuery使用技巧

Home / Javascript / JQuery / 14個JQuery使用技巧

最近工作上滿常使用JQuery + AJAX的,這篇就用來分享幾個自己的心得與技巧

1、利用方法一次設定JQuery對象

代替

 

2、利用find來尋找

來取代

這樣作可以不必觸發JQuery的Sizzle引擎

3、不要濫用$(this)

來取代

 4、ready的簡寫形式

來取代

 5、讓你的代碼安全

  • 方法1(使用noConflict)

 

  •  方法2(傳入參數Jquery)

方法3(透過ready方法)

 

 6、簡化代碼

用each代替for,使用數組保存臨時變量,使用document fragment,這其實和寫原生的Javascript需要注意的一樣。

7、使用AJAX的方法

Jquery提供了get、getJSON、post、ajax這些有用的ajax方法。

8、訪問原生的屬性和方法

比如獲取元素id的方法有

 

 9、使用PHP來檢查Ajax請求

通過使用xhr.setRequestHeader(”X-Requested-With”, “XMLHttpRequest”); 服務器端如PHP就可以透過

 

來檢查是不是Ajax請求,在一些禁用Javascript的情況下可能會用到。

10、JQuery和$的關係

在Jquery代碼的最下面,可以看到下面的代碼

window.jQuery = window.$ = jQuery; $其實就是Jquery的一個shortcut

11、條件載入Jquery

 12、Jquery Filters

注:$.expr[“:”]等同於$.expr.filters。

13、hover方法

 14、傳入屬性對象

 

 

 

 

 

5496 全部 5 今日

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

*