jquery庫避免沖突

query特有的符號是$,但是也會出現和多個庫并用的時候會出現沖突的情況,這里做個筆記,總結一下。

jquery在其他庫之前導入

可以直接使用jQuery來代替$來使用

<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./prototype.js"></script>

<script type="text/javascript">
    jQuery(function(){
        jQuery("selector").some_method();
    });
    $("selector").some_method();
</script>

jquery在其他庫之后導入

這個時候就需要添加noConflict函數

<script type="text/javascript" src="./prototype.js"></script>
<script type="text/javascript" src="./jquery.js"></script>

<script type="text/javascript">
    jQuery.noConflict();// need use noConfict()
    jQuery(function(){
        jQuery("selector").some_method();
    });
    $("selector").some_method();
</script>

或者將jQuery.noConflict()修改為自定義的標志如var $j = jQuery.noConflict();

如果還是想用$的話,可以采用閉包的方式。

<script type="text/javascript" src="./prototype.js"></script>
<script type="text/javascript" src="./jquery.js"></script>

<script type="text/javascript">
    jQuery.noConflict();// need use noConfict()
    jQuery(function($){
        $("selector").some_method();
    });
    $("selector").some_method();
</script>

或者

<script type="text/javascript" src="./prototype.js"></script>
<script type="text/javascript" src="./jquery.js"></script>

<script type="text/javascript">
    jQuery.noConflict();// need use noConfict()
    (function($){
        $(function(){
            $("selector").some_method();
        });
        
    });
    $("selector").some_method();
</script>
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,202評論 0 1
  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,379評論 0 2
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,993評論 19 139
  • 今天女兒和她小閨蜜一起出去玩,她回到家時,我還在外面理發。于是女兒給我打電話,問:爸爸,你什么時候回來啊,XXX媽...
    仗劍出游閱讀 739評論 7 2
  • 風停了云知道閱讀 219評論 2 1