目前有大量的 javascript 開發框架,其中有一部分使用 $ 作為調用符號,這可能導致相互之間的沖突,而 jQuery 為解決這個問題,可以在 jQuery 導入時放棄 $ 使用權,屆時 $ 則由其它框架使用,這樣可以避免相同名字的函數調用不再沖突。
jQuery 使用 noConflict 方法來放棄 $ 調用時的命名,之後由 jQuery 代替 $ 進行編寫。
例如:alert($('#message').val());
必須修改為 alert(jQuery('#message').val());
jQuery 才能正常運行。
<script src="other_lib.js"></script> <script src="jquery.js"></script> <script> $.noConflict(); // 之後將只能用 jQuery 進行調用 jQuery('#message').val(); </script>
也可以重新定義 $ 進行調用
<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 作為調用符號
var j = jQuery.noConflict(); // Do something with jQuery j( "div p" ).hide(); // Do something with another library's $() $( "content" ).style.display = "none";
以上這篇完美解決jQuery符號$與其他javascript 庫、框架沖突的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。