`

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

 
阅读更多
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 最新版框架下载(1.32-1.8.3)

    jQuery是JavaScript语言的一个新的资源库(框架) 为方便大家使用将jquery1.7 中文手册打包到里面了 jQuery能快速,简洁的使用HTML documents, handle events, perform animations,并且能把Ajax交互应用到网页,jQuery...

    jquery插件使用方法大全

    jQuery 1.5(2011年1月31日):该版本修复了83个bug,解决了460个问题。重大改进有:重写了Ajax模块;新增延缓对像(Deferred Objects);jQuery替身——jQuery.sub();增强了遍历相邻节点的性能;jQuery开发团队构建...

    jquery 最新版框架下载(1.32-1.8.2)

    •Misc:修复了一些兼容问题,并进行了优化 •Offset:在BlackBerry5和iOS3上使用会抛出一个错误 •修复了选择器的多个bug 详细信息:JQUERY 1.8.2 CHANGE LOG •jquery-*.min.js(用于网站直接应用的压缩版本...

    24小时订单分析(JQuery框架+EasyUI框架+layDate)

    最重要的是 jQuery 的代码兼容性非常好,你不需要总是考虑不同浏览器的兼容问题。Layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其...

    简单实用国产jQuery UI框架 - DWZ富客户端框架DWZ RIA 1.4.4 (20121016 修正了横向导航js报错问题)

    修复使用xheditor插件IE下兼容问题:IE下打开一个含有编辑器的页面,然后关闭,再打开不能录入问题 修复多文件上传插件uploadify 的html扩展方式,java读取不到数据流问题:原因是以前没有把input="file" 的name...

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

    web前端,javascript, jQuery框架最新版本 v3.5.1

    jQuery框架的最新版本 v3.5.1,对传统js的封装,解决IE大善部分兼容性问题。使用时,创建 jQuery 对象,操作dom将更加的简单与得心应手。

    使用jQuery的load方法设计动态加载及解决被加载页面js失效问题

    这种布局结构对于单纯的HTML不具备这种嵌入各部分内容的能力,所以就需要我们自己来寻找或者解决这种问题,由于jquery的兼容性和使用广度比较不错,这里 使用jquery的load方法来处理这种页面布局框架。 二、load方法...

    深入PHP与jQuery开发 pdf格式

    人们对JavaScript的不满日甚,一些有抱负的开发者为解决此问题开始编写JavaScript 库,这些库又称为 JavaScript框架。 这些库致力于降低JavaScript编程的复杂程度,用一些易于使用的控制函数替掉那些困难吃力的日常...

    JQuery 菜鸟到忍者(jQuery Novice to Ninja)

    内容包括: - 滚动,缩放与动画网页元素 - 背景,幻灯片和Crossfaders - 菜单,制表符,和面板 - 按钮,字段和控件 - 列表,树和表 - 框架,Windows和对话框 - 添加交互性使用Ajax - 使用jQuery的用户界面...

    从零开始学习JQuery

    比如"在页面中编写加载时即执行的操作DOM的语句", 当页面代码很小用户加载很快时没有问题, 当页面加载稍慢时就会出现浏览器"终止操作"的错误.jQuery提供了很多简便的方法帮助我们解决这些问题, 一旦使用jQuery你就...

    jquery1.9版本

    jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。...

    JQuery菜鸟到忍者

    Query的:新手到忍者是一种最佳实践jQuery的解决方案的编制,以满足具挑战性的JavaScript的问题。在这本问答式的jQuery书里,你会发现一个现成的解决方案,以帮助去到你的网页具有新鲜感。 内容包括: - 滚动,缩放...

    JSer开源脚本框架 v2.7 GBK.rar

    JSer是一款类似于jQuery的开源脚本框架(为方便使用过jQuery的开发人员快速入门,许多方法调用都与其类似)。 使用JSer,将极大的简化您的javascript开发,使程序代码更加简洁和高效! 使用JSer,您几乎无需再考虑各...

    jQuery学习笔记精心整理

    jQuery解决了大部分浏览器兼容性问题。凡是jQuery让用的都没有兼容性问题 3. 为什么jQuery的使用逐渐减少: (1). 并没有优化步骤,所以不是最简单的 (2). 只适合于PC端 4. 何时: 基本上PC端的项目或框架底层,都...

    JSer开源脚本框架 v2.8 UTF8

    JSer是一款类似于jQuery的开源脚本框架(为方便使用过jQuery的开发人员快速入门,许多方法调用都与其类似)。使用JSer,将极大的简化您的javascript开发,使程序代码更加简洁和高效!使用JSer,您几乎无需再考虑各...

    JSer开源脚本框架 v2.7 UTF-8.rar

    JSer是一款类似于jQuery的开源脚本框架(为方便使用过jQuery的开发人员快速入门,许多方法调用都与其类似)。 使用JSer,将极大的简化您的javascript开发,使程序代码更加简洁和高效! 使用JSer,您几乎无需再考虑各...

    jquery 资料合集 实例

    有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像ruby.实际上我比较喜欢java(少接触Ruby 罢了)但是jquery的简单的实用的确有相当大的吸引力啊!在项目里我把jquery作为自己唯一的...

    JSer开源脚本框架 v2.8 GBK

    JSer是一款类似于jQuery的开源脚本框架(为方便使用过jQuery的开发人员快速入门,许多方法调用都与其类似)。使用JSer,将极大的简化您的javascript开发,使程序代码更加简洁和高效!使用JSer,您几乎无需再考虑各...

    jquery ztree学习文档

    1、兼容 IE、FireFox、Chrome 等浏览器(对于IE 6.0的兼容问题将不做特殊维护) 2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持...

Global site tag (gtag.js) - Google Analytics