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

首頁 > 編程 > JavaScript > 正文

JQuery的$和其它JS發(fā)生沖突的快速解決方法

2019-11-20 21:12:47
字體:
來源:轉載
供稿:網友

眾所周知,jQuery是目前最流行的JS封裝包,簡化了很多復雜的JS程序,JQuery講瀏覽器DOM樹定義為$,通過$來獲取各個子節(jié)點。

然后,JS插件并非只有JQuery,還有prototype.js 等其它比較好的插件。它們也使用$。所以有時候同時使用這個兩個JS插件的時候,就會出現$的使用權沖突問題?,F在我們來看看如何解決這個沖突問題。請看下文:

我們都知道JQuery有一個函數,jquery.noConflict() 它的作用是講$的控制權轉讓出去。然后我們可以通過jQuery代替$來獲取dom節(jié)點

舉例:

方法一:

復制代碼 代碼如下:

<script type="text/javascript">
jQuery.noConflict(); //將變量$的控制權讓渡給prototype.js
jQuery(function(){ //使用jQuery
jQuery("p").click(function(){
alert( jQuery(this).text() );
});
});
$("pp").style.display = 'none'; //使用prototype
</script>

方法二:

我們可以通過noConflict()函數來定義一個快捷方式用來獲取dom節(jié)點

復制代碼 代碼如下:

<script type="text/javascript">
var $j = jQuery.noConflict(); //自定義一個比較短快捷方式
$j(function(){ //使用jQuery
$j("p").click(function(){
alert( $j(this).text() );
});
});
$("pp").style.display = 'none'; //使用prototype
</script>

還有其它的方法,都給大家列舉出來,同理都可以看明白了吧,呵呵。

方法三:

復制代碼 代碼如下:

<script type="text/javascript">
jQuery.noConflict(); //將變量$的控制權讓渡給prototype.js
jQuery(function($){ //使用jQuery
$("p").click(function(){ //繼續(xù)使用 $ 方法
alert( $(this).text() );
});
}); 
$("pp").style.display = 'none'; //使用prototype
</script>

方法四:
復制代碼 代碼如下:

<script type="text/javascript">
jQuery.noConflict(); //將變量$的控制權讓渡給prototype.js
(function($){ //定義匿名函數并設置形參為$
$(function(){ //匿名函數內部的$均為jQuery
$("p").click(function(){ //繼續(xù)使用 $ 方法
alert($(this).text());
});
});
})(jQuery); //執(zhí)行匿名函數且傳遞實參jQuery
$("pp").style.display = 'none'; //使用prototype
</script>

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 漳浦县| 东宁县| 泾川县| 哈尔滨市| 泸水县| 郁南县| 宜州市| 乌苏市| 横峰县| 赣榆县| 潍坊市| 万载县| 海口市| 扶沟县| 怀远县| 本溪| 慈利县| 巢湖市| 石河子市| 余姚市| 嘉黎县| 镶黄旗| 洛隆县| 泰和县| 淳化县| 曲周县| 高邮市| 和龙市| 福泉市| 尼木县| 威远县| 科技| 启东市| 富民县| 社旗县| 新平| 连州市| 墨竹工卡县| 日喀则市| 娱乐| 白银市|