概要:
在jQuery库,几乎所有的jQuery插件都被约束在它的命名空间里,通常,“global”对象同样被存储在jQuery命名空间里,因些不会使它与其它库(如:Prototype, MooTools, or YUI)发生冲突。
注意,jQuery用"$"作为它自身的默认快捷方式。
"$"的功能:
当jQuery与其它库被加载后,你也可以不顾它的默认快捷方式而在任意一处通过调用jQuery.noConflict()函数来指定使用jQuery库,例如:
- <html>
- <head>
- <script src="prototype.js"></script>
- <script src="jquery.js"></script>
- <script>
- jQuery.noConflict();
-
-
- jQuery(document).ready(function(){
- jQuery("div").hide();
- });
-
-
- $('someid').style.display = 'none';
- </script>
- </head>
- <body></body>
- </html>
这将使$回到它的原始库里,你依然可以在其它的应用程序里使用"jQuery"。
另外,还有其它选项。如果你想确定jQuery不会与其它库冲突——但你又想自定义一个比较短快捷方式,你可以这么做:
- <html>
- <head>
- <script src="prototype.js"></script>
- <script src="jquery.js"></script>
- <script>
- var $j = jQuery.noConflict();
-
-
- $j(document).ready(function(){
- $j("div").hide();
- });
-
-
- $('someid').style.display = 'none';
- </script>
- </head>
- <body></body>
- </html>
你能够自定义你自己的备用名称(如:jq、$J、awesomequery——可以是任何你想要的)。
如果你不想给jQuery自定义其它备用名称(你更愿意使用$而不管其它库的$方法)而又不想与其它库相冲突时,以下的解决方法最常使用的。
- <html>
- <head>
- <script src="prototype.js"></script>
- <script src="jquery.js"></script>
- <script>
- jQuery.noConflict();
-
-
- jQuery(document).ready(function($){
-
- $("div").hide();
- });
-
-
- $('someid').style.display = 'none';
- </script>
- </head>
- <body></body>
- </html>
对于你的大部分代码而言,这或许是最理想的方式,因为你可以以改变最少的代码来实现完全的兼容性。
参考:适合jQuery的快捷表示方式
如果你不喜欢总是键入完整的"jQuery",有一些可供替换的快捷方式:
重新指定jQuery为其它快捷方式
如果你想使用其它不同的库,这或许是最好的方法。
使用下列方法,可以指定在一块代码内使用"$":
备注:如果你使用了这种方法,在这块代码中你将不能使用"$"来调用Prototype方法,因为你选择了在这块代码中唯一使用jQuery方法。
使用以下方法来实现DOM ready event:
备注:同样,在这个代码块里你也还有调用Prototype方法。
原文档http://docs.jquery.com/Using_jQuery_with_Other_Libraries
翻译有错漏的地方请多多指正,共同完善。
分享到:
相关推荐
这里主要介绍我自己所写的利用构建在jQuery之上的工具库,该库的原文件名为jquery.brady.js,但由于是构建在jQuery之上的,所以在引入页面时,一定要先...validateFormItem: 执行表单项验证, 必须与jQuery一起结合使用
通常,全局对象都被很好地存储在 jQuery 命名空间里,因此当把 jQuery 和其他 JavaScript 库(例如 Prototype、MooTools 或 YUI)一起使用时,不会引起冲突。 注意:默认情况下,jQuery 用 $ 作为自身的快捷方式。 1...
从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) AJAX快餐 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQuery ...
基于jquery写的一个表情组件,供大家一起共同分享学习。
jquery 库分享,可以跟js一起使用,到达你想要的结果。所以赶快下载使用吧。哈哈。
这是一款jQuery文字动画特效插件。该jquery文字动画插件结合animate.css一起使用,可以制作出各种炫酷的文字动画特效。
jQuery自适应产品图片展示,网络上看到的,觉得不错就上传出来,供大家一起共同分享学习。
├plugins:easyui核心功能组件分解后的独立插件库(需要配合easyloader.js一起使用。) │ ├src:easyui部分非核心组件的源代码库(核心大组件的源代码并未公布,比如datagrid、combo和tree等。) │ ├themes:...
本插件于其他校验控件最大的区别有3点: 1、校验功能可以扩展。 对中文、英文、数字、整数、实数、Email地址格式、基于HTTP协议的网址格式、电话号码格式、手机号码格式、货币格式、邮政编码、身份证号码、QQ号码、...
因此,无需使用其他CSS库进行转换。 相应地,我们有四个过渡。 将来,我们将为路线添加更多动画。 模板,我正在使用处理程序栏。 因此,目前的依赖关系是JQuery和Handlerbar.js。 Routerjs的实际应用 检查实时示例...
Bootstrap jQuery插件库一些基于引导的jQuery插件很有趣。 基于bootstrap: 3.xjquery: 1.x支持的插件jquery.dialog jquery对话框插件jquery.datagrid jQuery datagrid插件jquery.messager jquery messager(消息框)...
在使用jQuery开发的时候,可能还会使用到其他的JS库,比如Prototype,但多库共存时可能会发生冲突,下面这篇文章主要给大家介绍了关于jQuery库冲突的完美解决办法,需要的朋友可以参考借鉴,下面来一起看看吧。
CSSANIMISTA jQuery插件 (需要开发和修复! ) 什么是CSS-ANIMISTA 是一个css动画库,该库没有完整的文件可以... 这可以与任何CSS库一起使用! :) 您可以添加事件,使用无限动画,使用单击进出和悬停进出,或者可以
这是一款效果非常炫酷的jQuery弹性模态窗口导航菜单插件。该jQuery插件将列表和模态窗口非常完美的结合到了一起,使用了CSS3 animations和一些jquery创建了一种带弹性动画效果的模态窗口导航菜单。
在jQuery库中,几乎所有的插件都被限制在它的命名空间里。全局的对象都很好地存储在jQuery命名空间里,因此当把jQuery和其它javascript类库一起使用时,不会引起冲突.
jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,该怎么解决呢?下面小编给大家带来了jQuery多个版本和其他js库冲突的解决方法,一起看下吧
jComponent库下载:每个人均可免费使用230多个jComponents 当前版本: v18 >= jQuery +1.7 >= IE9 与 , 或与 , , , 等一起工作您可以通过jComponent包装数千个jQuery插件最好与一起使用您需要查看: 主页: : ...
jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便,本篇文章给大家介绍jquery效果使用详解,感兴趣的朋友一起学习吧
这是一款jQuery响应式移动优先的图片比较滑块插件。该插件将两幅图片堆叠在一起,通过拖动滑块可以显示出下面的图片,非常适合用于两幅相似的图片做比较。该图片滑块插件最大的特点是响应式和对移动手机设备的支持。
jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果...