完美解決jQuery符號$與其他javascript 庫、框架沖突的問題
目前有大量的 javascript 開發(fā)框架,其中有一部分使用 $ 作為調(diào)用符號,這可能導(dǎo)致相互之間的沖突,而 jQuery 為解決這個問題,可以在 jQuery 導(dǎo)入時放棄 $ 使用權(quán),屆時 $ 則由其它框架使用,這樣可以避免相同名字的函數(shù)調(diào)用不再沖突。
jQuery 使用 noConflict 方法來放棄 $ 調(diào)用時的命名,之后由 jQuery 代替 $ 進行編寫。
例如:alert($('#message').val());
必須修改為 alert(jQuery('#message').val());
jQuery 才能正常運行。
<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
$.noConflict();
// 之后將只能用 jQuery 進行調(diào)用
jQuery('#message').val();
</script>
也可以重新定義 $ 進行調(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)用符號
var j = jQuery.noConflict(); // Do something with jQuery j( "div p" ).hide(); // Do something with another library's $() $( "content" ).style.display = "none";
以上這篇完美解決jQuery符號$與其他javascript 庫、框架沖突的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
jquery.tableSort.js表格排序插件使用方法詳解
這篇文章主要為大家詳細介紹了jquery.tableSort.js表格排序插件使用方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02
jQuery+css實現(xiàn)炫目的動態(tài)塊漂移效果
這篇文章主要介紹了jQuery+css實現(xiàn)的動態(tài)塊漂移效果,涉及jQuery基于隨機數(shù)與時間函數(shù)動態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01

