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 库

jQuery封装框架

jQuery封装框架 第一步,先导入jQuery: 注意:尽量将js代码放在标签后边,效率问题 attr( ):一个参数获取属性值,两个参数是设置属性值 removeAttr( ):移除属性 ...
  • Mr_Cccc
  • Mr_Cccc
  • 2016年12月15日 15:37
  • 334

年度技术盘点:50个最佳轻量级JavaScript框架和库

回顾今年已发布的JS框架和库,我们针对地筛选了一些能够提供直接和具体功能的免费JavaScript插件和库,与大家分享。它们可不是臃肿的一站式框架,而是一些轻量级,并能够帮助你更快、更容易地进行网页设...
  • goulei2010
  • goulei2010
  • 2016年12月30日 20:35
  • 1849

javaweb项目CSS和JS引入导致缓存问题的部分解决方式.

经常开发网站的时候.由于管理不好,大部分人开始的时候都是引入css和js都不是十分注意. 本人也吃过亏,所以这次记录下来.也百度了很多找到了一些办法吧。一:css引入 加个时间戳. 每次打开页面css...
  • u013100581
  • u013100581
  • 2016年10月31日 15:06
  • 3842

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

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

利用jQuery框架设置页面弹出层

在一些网页中,我们经常需要用到一些弹出层给用户做提示,我们一般的做法都是使用浏览器自带的alert来进行处理,但是对于不同的浏览器解析出来的样式都是不一样的。我们可以先写个小demo查看下各个浏览器的...
  • zhuwei_clark
  • zhuwei_clark
  • 2016年08月09日 13:31
  • 1463

jquery几种常用框架比较

今天无事便在网上搜索最新的jquery框架,整理出最好的框架便于以后的系统中使用。概括起来有以下几种: 1、jQuery Smart UI 官网地址http://smartui.chinamzz....
  • sageparadise
  • sageparadise
  • 2014年08月09日 19:43
  • 3505

CSS在IE6下的一些BUG和兼容性问题及解决办法

兼容性一直是前端的一大问题,也是让前端工程师很头痛的事情,在浏览器中,各厂商都有一套属于自己的标准和方法,从某种程度上看,是否能很好的处理兼容性问题,体现着一个前端工程师的水平,下面看一下CSS在IE...
  • u012552049
  • u012552049
  • 2015年05月25日 00:08
  • 1309

html基础开发-- Jquery框架方法使用(攻略二)

--页面动态倒计时跳转 --动态向页面中添加按钮 --jQuery基础使用 - 动态在body中创建节点 --jQuery内部插入append()与appendTo() --jQuery内部插入pre...
  • zl18603543572
  • zl18603543572
  • 2016年04月03日 21:43
  • 1101

有关css和js针对不同浏览器兼容的问题

首先谈一下浏览器,虽然现在ie依然是浏览器市场的老大,大约占有67%的份额,但是由于其各方面的欠缺,用户开始选择其他浏览器作为自己浏览网页的主要 工具,比如firefox、theworld、maxth...
  • yinkaihui
  • yinkaihui
  • 2016年04月13日 13:33
  • 3613

JavaScript onmousedown选择元素,onmousemove拖动元素,onmouseup松开鼠标,磁性吸附效果示例

JavaScript onmousedown选择元素,onmousemove拖动元素,onmouseup松开鼠标示例,磁性吸附效果 #div1 { width:100px; height:100px...
  • yuqidai
  • yuqidai
  • 2016年06月08日 14:07
  • 1614
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 和其他js框架同时使用的不兼容问题解决方法
举报原因:
原因补充:

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