jQuery基礎之讓出 ,與其他庫共存

2022-03-08 22:01:33 字數 550 閱讀 6549

在某些情況下,可能有必要在同乙個頁面中使用多個js庫,由於很多庫都使用$識別符號(因為他簡短方便),因此就需要一種方式來避免名稱衝突。

為解決這個問題,jquery提供了乙個名叫.noconflict()的方法,呼叫該方法可以把對$識別符號的控制權交還給其他庫。使用.noconflict()方法的一般模式如下:

首先,包含jquery之外的庫(這裡是prototype)。然後,包含jquery庫,取得對$的使用權。接著,呼叫.noconflict()方法讓出$,以便將控制權交還給最先包含的庫(prototype)。這樣,就可以在自定義指令碼中使用兩個庫了——但是,在需要使用jquery方法是,必須記住要用jquery而不是$來呼叫。

在這種情況下,還有乙個在.ready()方法中使用$的技巧。我們傳遞給他的**函式可以接收乙個引數——jquery物件本身。利用這個引數,可以重新命名jquery為$,而不必擔心造成衝突:

jquery(document).ready();

//簡寫

jquery(function

($))

解決jquery與其他庫的衝突

1 jquery庫在其他庫之後引用,如下所示 在common.js中有對 重新定義,如下 function id 下面是在jquery中解決衝突的 有四種方式 方式1 jquery.noconflict 將 控制權移交出去,以前使用 的地方都改用jquery jquery document read...

jQuery與其他庫衝突的解決方法

在使用jquery開發的時候,可能還會使用到其他的js庫,比如prototype,但多庫共存時可能會發生衝突 若是發生衝突後,可以通過以下幾種方案進行解決 一 jquery庫在其他庫之前匯入,直接使用jquery callback 方法如 test prototype test jquery 二 j...

快速解決jQuery與其他庫衝突的方法介紹

本篇文章主要是對快速解決jquery與其他庫衝突的方法進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助 通常,當在同乙個頁面上使用jquery和其他庫時,全域性名稱 的定義是最大的爭論和衝突的焦點。眾所周知,jquery使用 作為jquery名稱的別名,並將其用於jquery公開的每乙...