解决query和其他库之间的冲突
来源:互联网 发布:淘宝美工入门 编辑:程序博客网 时间:2024/04/29 18:29
1、jQuery库在其他库之后导入
在其他库和jQuery库都加载完毕后,可在任何时候调用jQuery.noConflict()函数来将变量$的控制权移交给其他js库如prototype.js,示例如下:
jQuery.noConfict();//将变量$的控制权移交给其他js框架(prototype.js)
jQuery(function() {//使用jquery
jQuery("p").click(function(){
alert(jQuery(this).text());
}
}
$("pp").style.display='none';//使用prototype
自定义一个jQuery快捷方式:
var $j = jQuery.noConfict();//自定义一个jQuery快捷方式
$j(function() {//使用jquery自定义的快捷方式
$j("p").click(function(){
alert($j(this).text());
}
}
$("pp").style.display='none';//使用prototype
不采用自定义名称,仍想使用$而不管其他库的$()方法,且不会冲突,可使用闭包方式
方式一
jQuery.noConflict();//将变量$的控制权移交给prototype.js
jQuery(function($) {//使用jQuery设定界面加载时执行的函数
$("p").click(function(){//在函数内部继续使用$()方法
alert($(this).text());
}
}
$("pp").style.display='none';//使用prototype
方式二
jQuery.noConflict();//将变量$的控制权移交给prototype.js
(function($){//定义匿名函数并设置形参为$
$(function() {//匿名函数内部的$均为jQuery
$("p").click(function(){//继续使用$()方法
alert($(this).text());
}
}
})(jQuery)//执行匿名函数且传递实参jQuery
$("pp").style.display='none';//使用prototype
2、jQuery库在其他库之前导入
之前导入,可直接使用jQuery做一些jQuery工作。同时,可使用$()方法作为其他库的快捷方式。无需调用jQuery.noConfiict()函数。
jQuery(function() {//使用jquery
jQuery("p").click(function(){
alert(jQuery(this).text());
}
}
$("pp").style.display='none';//使用prototype
- 解决query和其他库之间的冲突
- 一句话解决SlidingMenu和其他滑动控件之间的冲突
- 一句话解决SlidingMenu和其他滑动控件之间的冲突
- 解决jquery和其他库的冲突
- 解决jQuery和其他库的冲突
- 解决jQuery和其他库的冲突
- 解决jQuery和其他库的冲突
- 解决jQuery和其他库的冲突
- 解决jQuery和其他库的冲突
- 解决jQery和其他库的冲突
- 解决jquery和其他库的冲突
- 解决jQuery和其他库的冲突
- 怎么处理jquery和其他js库之间的冲突
- 【android】一句话解决SlidingMenu和其他滑动控件之间的冲突
- JQuery和其他JavaScript库冲突的解决方式
- jquery解决和其他库冲突的问题
- 解决js和其他库$全局变量冲突
- jdk和Hibernate之间的冲突解决
- 获取http的gzip内容并解压相关问题
- 【智障题系列B】图论乱搞题
- R-CNN:Rich feature hierarchies for accurate object detection and semantic segmentation(阅读)
- 欢迎使用CSDN-markdown编辑器
- 素数求和
- 解决query和其他库之间的冲突
- thinphp自定义模板常量
- 8月~9月学习总结
- hdu5546 Ancient Go DFS搜索 国庆咸鱼
- Linux之常用命令1
- memory
- C++编程入门系列之十一(类与对象:面向对象设计的基本思想和特点)
- 作文 —— 景物描写
- 【POJ 3624】 + 01背包 + dp