jquery庫避免沖突

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

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函數(shù)

<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>
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

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