學(xué)習(xí)jQuery中的noConflict()用法
noConflict()
jQuery使用$符號,作為jQuery的簡寫
JavaScript框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScriptMVC、GoogleWebToolkit、GoogleClosure、Ember、Batman以及ExtJS等等
其中一些框架也使用$符號作為簡寫
如果,用的兩種不同的框架,使用相同的簡寫符號,可能導(dǎo)致腳本停止運行
為此,jQuery提供了noConflict()方法
釋放標(biāo)識符
會釋放對$標(biāo)識符的控制
這樣,其他腳本就可以使用了
$.noConflict();
全名代替
使用jQuery全名,代替簡寫$
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 仍然在工作!");
});
});
創(chuàng)建簡寫
可以創(chuàng)建自己的簡寫
noConflict()可以返回對jQuery的引用
把它存入一個變量,之后,使用這個變量,代替$
var jq = $.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").text("jQuery 仍然在工作!");
});
});
參數(shù)傳遞
可以把$符號作為變量,傳遞給ready方法
這樣,可以在函數(shù)內(nèi)使用$符號,在函數(shù)外,不能使用$
$.noConflict();
jQuery(document).ready(function($){
$("button").click(function(){
$("p").text("jQuery 仍然在工作!");
});
});
相關(guān)文章
jQuery實現(xiàn)在最后一個元素之前插入新元素的方法
這篇文章主要介紹了jQuery實現(xiàn)在最后一個元素之前插入新元素的方法,涉及jquery針對頁面元素的匹配選擇與屬性操作相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
jQuery 數(shù)據(jù)緩存模塊進化史詳細(xì)介紹
數(shù)據(jù)緩存系統(tǒng)最早應(yīng)該是jQuery1.2引入的,那時它的事件系統(tǒng)完成照搬DE大神的addEvent.js,而addEvent在實現(xiàn)有個缺憾,它把事件的回調(diào)都放到EventTarget之上,這會引發(fā)循環(huán)引用2012-11-11
DIV+CSS+jQ實現(xiàn)省市聯(lián)動可擴展
這篇文章主要介紹了DIV+CSS+jQ實現(xiàn)省市聯(lián)動可擴展方法的相關(guān)資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-06-06
用JQuery 判斷某個屬性是否存在hasAttr的解決方法
本篇文章介紹了,用JQuery 判斷某個屬性是否存在hasAttr的解決方法。需要的朋友參考下2013-04-04
jQuery soColorPacker 網(wǎng)頁拾色器
這篇文章主要介紹了jQuery soColorPacker 網(wǎng)頁拾色器 的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-06-06

