完美解決jQuery符號(hào)$與其他javascript 庫、框架沖突的問題
更新時(shí)間：2016年08月09日 09:37:31 投稿：jingxian
下面小編就為大家?guī)硪黄昝澜鉀QjQuery符號(hào)$與其他javascript 庫、框架沖突的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
目前有大量的 javascript 開發(fā)框架，其中有一部分使用 $ 作為調(diào)用符號(hào)，這可能導(dǎo)致相互之間的沖突，而 jQuery 為解決這個(gè)問題，可以在 jQuery 導(dǎo)入時(shí)放棄 $ 使用權(quán)，屆時(shí) $ 則由其它框架使用，這樣可以避免相同名字的函數(shù)調(diào)用不再?zèng)_突。
jQuery 使用 noConflict 方法來放棄 $ 調(diào)用時(shí)的命名，之后由 jQuery 代替 $ 進(jìn)行編寫。
例如：alert($('#message').val());
必須修改為 alert(jQuery('#message').val());
jQuery 才能正常運(yùn)行。
<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
$.noConflict();
// 之后將只能用 jQuery 進(jìn)行調(diào)用
jQuery('#message').val();
</script>
也可以重新定義 $ 進(jìn)行調(diào)用
<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
$.noConflict();
jQuery( document ).ready(function( $ ) {
// Code that uses jQuery's $ can follow here.
});
// Code that uses other library's $ can follow here.
</script>
換成 j 作為調(diào)用符號(hào)
var j = jQuery.noConflict(); // Do something with jQuery j( "div p" ).hide(); // Do something with another library's $() $( "content" ).style.display = "none";
以上這篇完美解決jQuery符號(hào)$與其他javascript 庫、框架沖突的問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文依賴于jQuery,其中第一種，第二種方式是使用jQuery實(shí)現(xiàn)的，第三種方式是基于JS和DOM實(shí)現(xiàn)的，感興趣的朋友可以了解下2013-12-12
這篇文章主要介紹了js/jquery判斷圖片是否存在的函數(shù)代碼,需要的朋友可以參考下2023-06-06
jquery.tableSort.js表格排序插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jquery.tableSort.js表格排序插件使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery+css實(shí)現(xiàn)炫目的動(dòng)態(tài)塊漂移效果
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)的動(dòng)態(tài)塊漂移效果,涉及jQuery基于隨機(jī)數(shù)與時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01
下面小編就為大家?guī)硪黄獪\談jQuery 中的事件冒泡和阻止默認(rèn)行為。小編舉得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了jquery對(duì)象訪問是什么及使用方法介紹，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要介紹了jQuery解析返回的xml和json方法,結(jié)合實(shí)例形式分析了jQuery解析xml與json的方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-01-01
jQuery基于正則表達(dá)式的表單驗(yàn)證功能示例
這篇文章主要介紹了jQuery基于正則表達(dá)式的表單驗(yàn)證功能,包括針對(duì)字符串、郵件、網(wǎng)址、電話等常見正則驗(yàn)證操作技巧,需要的朋友可以參考下2017-01-01
jQuery+ThinkPHP實(shí)現(xiàn)圖片上傳
這篇文章主要為大家詳細(xì)介紹了jQuery+ThinkPHP實(shí)現(xiàn)圖片上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
toggle一個(gè)div顯示或隱藏且可擴(kuò)展成自定義下拉框
本文為大家介紹下如何讓一個(gè)div顯示或隱藏且可擴(kuò)展成自定義下拉框，具體實(shí)現(xiàn)如下，感興趣的朋友可參考下，希望對(duì)大家有所幫助2013-09-09