學習jQuery中的noConflict()用法

發布時間：2020-09-29 21:19:10 來源：腳本之家閱讀：202 作者：laozhang 欄目：web開發

noConflict()

jQuery使用$符號，作為jQuery的簡寫

JavaScript框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScriptMVC、GoogleWebToolkit、GoogleClosure、Ember、Batman以及ExtJS等等

其中一些框架也使用$符號作為簡寫

如果，用的兩種不同的框架，使用相同的簡寫符號，可能導致腳本停止運行

為此，jQuery提供了noConflict()方法

釋放標識符

會釋放對$標識符的控制

這樣，其他腳本就可以使用了

$.noConflict();

全名代替

使用jQuery全名，代替簡寫$

jQuery(document).ready(function(){
 jQuery("button").click(function(){
  jQuery("p").text("jQuery 仍然在工作!");
 });
});

創建簡寫

可以創建自己的簡寫

noConflict()可以返回對jQuery的引用

把它存入一個變量，之后，使用這個變量，代替$

var jq = $.noConflict();
jq(document).ready(function(){
 jq("button").click(function(){
  jq("p").text("jQuery 仍然在工作!");
 });
});

參數傳遞

可以把$符號作為變量，傳遞給ready方法

這樣，可以在函數內使用$符號，在函數外，不能使用$

$.noConflict();
jQuery(document).ready(function($){
 $("button").click(function(){
  $("p").text("jQuery 仍然在工作!");
 });
});

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站