jQuery自訂新增'$'與解決'$'衝突的方法_jquery

本文實例講述了jQuery自訂添加"$"與解決"$"衝突的方法。分享給大家供大家參考。具體分析如下：

1.自訂新增$

雖然jQuery很強大，但無論如何，jQuery都不可能滿足所有用戶的需求，而且有一些需求十分小眾，也不適合放到整個jQuery框架中，正是因為這一點，jQuery提供了用戶自訂新增“$”的方法。

程式碼如下：

複製程式碼 程式碼如下:

$.fn.disable = function() {
 return this.each(function() {
     if (typeof this.disabled != "undefined") this.disable = true;
 });
}

以上程式碼首先設定"$.fn.disable",表示「$」增加一個方法disable()，其中 「$.fn」是擴展jQuery所必須的。

然後利用匿名函數定義這個方法，即用each()將調運這個方法的每個元素disabled屬性都設為true.(如果該屬性存在)

例：擴充jquery的功能

複製程式碼 程式碼如下:

   

 請輸入您的姓名:
 

 
   

   

 請輸入您的密碼:
 

 
   

   

 請選你最喜歡的顏色:
 

 
     紅
     綠
     藍
     黃
     青
     紫
 
   

   

請選擇你的性別:
 

 
 男
 

 
 女
   

   

你喜歡做些什麼:
 
 

 
 看書
 
 上網
 
 睡覺
   

   

 我要留言:
 

 
   

   

 
 
   

方法SwapInput(nName,oButton)根據按鈕的值進行判斷，如果是不可用"disable",則調運disable()將元素設為不可用，同時修改按鈕的值為"enable",反之則調運enable()方法。

2.解決"$"的衝突

與前面文章的情況類似，儘管JQuery非常強大，但是有時開發者同時使用多個框架，這時需要小心，因為其他框架也可能使用了"$",從而發生衝突，jQ同樣提供了noConflict ()方法來解決"$"衝突的問題。

複製程式碼 程式碼如下:

jQuery.noconflict();

以上程式碼便可使"$"依照其他javascript框架的方式運算，這是jQuery中便不能再使用"$",而必須使用“jQuery”，例如$("h2 a")必須寫成jQuery("h2 a ")

希望本文所述對大家的jQuery程式設計有所幫助。