国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jQuery避免$符和其他JS庫沖突的方法對比

2024-05-06 16:01:20
字體:
來源:轉載
供稿:網友
jQuery中需要用到$符號,如果其他js庫也定義了$符號,那么就會造成沖突,會影響到js代碼的正常執行,下面有幾個不錯的解決方法,大家可以參考下

jQuery中需要用到$符號,如果其他js庫(例如大名鼎鼎的prototype)也定義了$符號,那么就會造成沖突,會影響到js代碼的正常執行。jqeury提供了一些方案來避免這個問題,讓我們來看看這幾個方案有什么區別

方案1:
引入noConflict(),將$替換為其他符號

復制代碼 代碼如下:


var $j = jQuery.noConflict();
$j(document).ready(function(){
$j("#btn1").click(function(){
alert("Text: " + $j("#test").text());
});
});


缺點:引入了這段代碼后,不僅是當前的js文件,該html引用的所有js中,如果有用到jquery中的$,都得用$j來代替之前的$

方案2:
ready函數是jquery的入口函數,可以
將$(document).ready(function(){
替換成
jQuery( document ).ready(function( $){}
缺點:只對ready嵌套內的代碼有效,對嵌套外的代碼是無效的。如果你所有的邏輯,都在寫ready函數中,那沒問題。但我們一般都會在ready函數之外寫一些子函數,然后ready函數再去調用這些函數。這個方案對這些函數是無效的,因此這套方案有局限性。

方案3(推薦,特別是開發js插件時):

給js內容包上一個函數

復制代碼 代碼如下:


jQuery(function($){
//你的js代碼放在這里(例如第二個方案提到的ready函數和子函數)
//如果是js文件,其實就是在文件頭部和尾部各加一行代碼
}


或者

復制代碼 代碼如下:


(function($) {
//你的js代碼
})(jQuery);


這個方法,沒有上面兩個方案的缺點,只會影響到被包在jQuery(function($){}中的代碼。
不會影響到其他js代碼,這一點很重要。試想一下,假如你寫了一個js公共組件,該組件需要用到jquery,為了提高魯棒性,需考慮$符號沖突問題。如果使用方案1,那么別人在使用時,還得遵守你的約定,把自己js代碼中的$改成$,而如果使用方案3,既能避免$沖突對該組件的影響,又無需要求使用公共組件的人修改自己的代碼。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 武隆县| 邵阳市| 泸州市| 清水河县| 西华县| 高陵县| 武汉市| 奈曼旗| 锦屏县| 洛南县| 惠东县| 桐梓县| 永德县| 石林| 英德市| 民勤县| 邢台市| 定西市| 蒲城县| 白玉县| 易门县| 辰溪县| 大渡口区| 西乌珠穆沁旗| 镇远县| 普安县| 松溪县| 孟州市| 五寨县| 巨野县| 衡山县| 高淳县| 始兴县| 博湖县| 德安县| 玉环县| 江陵县| 丰镇市| 开鲁县| 平乡县| 金门县|