jquery 和其他js框架同时使用的不兼容问题解决方法

原创 2013年12月03日 11:24:06
jQuery 名称冲突

jQuery 使用 $ 符号作为 jQuery 的简介方式。

某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。

jQuery 使用名为 noConflict() 的方法来解决该问题。

var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。

代码使用如下:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
var jq=jQuery.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>






结论

由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循以下原则时,您的代码会更恰当且更易维护:

把所有 jQuery 代码置于事件处理函数中把所有事件处理函数置于文档就绪事件处理器中把 jQuery 代码置于单独的 .js 文件中如果存在名称冲突,则重命名 jQuery 库

相关文章推荐

IE6/7/8/CSS/BUG以及兼容问题解决方法

ie6,ie7,ie8 css bug汇总以及兼容解决方法1:li边距“无故”增加   任何事情都是有原因的,li边距也不例外。   先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(...

Qt5.5+VS2013编译的程序在xp下兼容问题解决方法

Deploying Qt on XP and getting “not a valid Win32 application” By now Windows XP is getting a bit...

JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结

今天测试代码时,发现不少IE可以运行的ajax,但在FF中报错。IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法总结如下,需要的朋友可以看下,对于以后的代码书写一定要考虑到多浏...

JS中常见的浏览器兼容问题和解决方法

今天整理了一下浏览器对JS的兼容问题,希望能给你们带来帮助,我没想到的地方请留言给我,我再加上; 常遇到的关于浏览器的宽高问题: //以下均可console.log()实验 v...

[JavaScript]JS中常遇到的浏览器兼容问题和解决方法

JS中常遇到的浏览器兼容问题和解决方法 今天整理了一下浏览器对JS的兼容问题,希望能给你们带来帮助,我没想到的地方请留言给我,我再加上; 常遇到的关于浏览器的宽高问题: ...

IE兼容问题解决根源:深刻理解hasLayout属性,原理与使用方法

解决IE兼容问题是比较头疼的问题,无论你是新入门的菜鸟还是久经考验的职业行家,兼容问题,特别是IE,IE6会让你非常头疼。很多时候,div CSS在IE下的解析十分奇怪,一个比较经典的bug就是设置b...
  • secsky
  • secsky
  • 2012年06月10日 10:39
  • 346

ecshop与jquery冲突兼容问题解决办法只需增加一句代码

注意,双引号必须修改为半角
  • viqecel
  • viqecel
  • 2015年10月03日 21:39
  • 354

DWR用法配置及DWR与jQuery结合兼容问题解决

DWR用法配置及DWR与jQuery结合兼容问题解决.

w7兼容性问题解决方法

  • 2013年09月14日 10:14
  • 202KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 和其他js框架同时使用的不兼容问题解决方法
举报原因:
原因补充:

(最多只允许输入30个字)