JQuery的$和其它JS發生衝突的快速解決方法_jquery

眾所周知，jQuery是目前最受歡迎的JS封裝包，簡化了許多複雜的JS程序，JQuery講瀏覽器DOM樹定義為$，透過$來取得各個子節點。

然後，JS插件並非只有JQuery，還有prototype.js 等其它比較好的插件。它們也使用$。所以有時候同時使用這個兩個JS插件的時候，就會出現$的使用權衝突問題。現在我們來看看如何解決這個衝突問題。請看下文：

我們都知道JQuery有一個函數，jquery.noConflict() 它的作用是講$的控制權轉移出去。然後我們可以透過jQuery代替$來取得dom節點

舉例：

方法一：

複製代碼 代碼如下:

方法二：

我們可以透過noConflict()函數來定義一個捷徑用來取得dom節點

複製程式碼 程式碼：

還有其它的方法，都給大家列舉出來，同理都可以看明白了吧，呵呵。

方法三：

複製代碼 代碼如下:

方法四：

複製程式碼 程式碼如下:

程式碼如下:

})(jQuery); //執行匿名函式且傳遞實參jQuery$("pp").style.display = 'none' ; //使用prototype