`

jquery中为防止库冲突命名的办法

阅读更多
在jquery中,如果也同时引入了其他js库,而其他库也用了$符号的话,则会产生冲突,
为了防止这种情况的发生,可以使用noconflict进行避免,代码如下:

<script type="text/javascript" src="otherLib.js"></script>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

$.noConflict();

// 使用其他js库的代码
</script>

同时,也可以自定义自己的命名项目命名空间,比如项目为abc,可以这样:
ABC('contentArea').show(),而不是只使用$('contentArea').show()
当然,也有方法可以继续在jquery代码中,在冲突的时候使用$符号,可以在
ready事件中继续写:
  jQuery(document).ready(function($) {

// 这里继续写$符号的代码.

});

  也可以简写为:
jQuery(function($){

//...............
});

总的写法如下,当跟其他库一起用的时候:
<script type="text/javascript" src="otherLib.js"></script>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

$.noConflict();

jQuery(function($) {

// jQuery code with $.

});

// 其他js库代码.

</script>

也可以再简单点:
$.noConflict()(function(){

// jQuery code

});

// 其他js库代码.
2
0
分享到:
评论

相关推荐

    JQuery与其他库的冲突

    解决了Jquery和其他库之间的冲突 第一种方式就是直接使用JQuery,第二种方法是通过返回值来,第三种方式把$号传入,第四种方式通过匿名方式将jquery传入

    jquery插件库(jquery.treeview插件库)

    jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....

    jquery解决冲突

    jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突

    jquery插件库大全(200个).zip

    jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 jquery分离布局模版 jquery...

    jQuery与其它库冲突的解决方法

    jQuery通过限制其插件和功能在特定的命名空间内,减少与其它库的冲突。所有的jQuery对象和方法都以jQuery命名空间开始。例如,$.ajax方法实际上是通过jQuery.ajax()来调用的,这样就避免了直接使用$可能导致的冲突。...

    ecshop解决与jQuery冲突文件

    然而,当ECSHOP与jQuery库结合使用时,可能会出现一些兼容性或冲突问题。本文将深入探讨这些问题,以及如何通过替换`transport.js`文件并引入`json2.js`来解决这些问题。 首先,让我们了解`transport.js`文件在...

    关于jQuery库冲突的完美解决办法

    本文将详细介绍如何解决jQuery库与其他库之间的冲突问题。 首先,冲突的主要原因是jQuery和其他库(如Prototype)都使用`$`作为它们的主要选择器函数。当两个库同时存在于页面中时,它们都会试图控制`$`变量,从而...

    解决jquery版本冲突办法

    可以有效的解决jquery版本之间的冲突,使代码能正常运行

    jQuery与其他JS库或jQuery文件冲突解决方法

    本人亲测,本人网页有两个JS效果,用到了两个jQuery文件(一个是jquery.min.js,另一个是jquery.pack.js),可以两个冲突,只能保留一个。 但效果就只能有一个。我想两个都保留,于是就想了很多办法,查了很多资料,...

    jquery ui库jquery ui库jquery ui库

    jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库

    jQuery用户界面库学习指南

    《jQuery用户界面库学习指南》是一本专注于帮助开发者掌握jQuery UI库的实用书籍。jQuery UI是基于jQuery JavaScript库的一个扩展,提供了丰富的用户交互组件和视觉效果,极大地提升了Web应用程序的用户体验。这本书...

    jquery自定义插件命名空间问题

    命名空间在jQuery插件中起着关键作用,因为它可以防止你的插件与已存在的jQuery或者其他库的方法冲突。一种常见的做法是创建一个顶级对象来存储所有相关的插件方法,比如: ```javascript var MyNamespace = ...

    jquery与js函数冲突的两种解决方法.docx

    在JavaScript的开发环境中,尤其是当使用多个库或框架时,比如jQuery和其他JavaScript库(如Prototype、MooTools等),可能会遇到函数名或选择器符号`$`的冲突问题。这是因为这些库都倾向于使用`$`作为主要的函数或...

    解决jquery与dwr冲突(java/jsp)

    然而,在同一个项目中同时使用jQuery与DWR时,可能会遇到变量命名冲突的问题,特别是当两者都使用了`$`符号作为全局函数或对象时。 #### 问题分析 在上述代码片段中,可以看到一个典型的jQuery与DWR冲突的解决方案...

    json.js 与jquery冲突解决

    然而,由于jQuery的普及,很多开发者会同时使用其他库,如`json.js`,这可能导致命名冲突。 冲突的常见原因: 1. **全局变量冲突**:两个库可能都定义了同名的全局变量,例如`$`或`jQuery`。在jQuery中,`$`是主要...

    ecshop解决jquery冲突js

    然而,在实际应用中,由于各种第三方插件和库的引入,可能会出现JavaScript库之间的冲突,尤其是当JQuery与其他使用$符号作为主要作用域的库(如Prototype或MooTools)同时存在时。标题中的"ecshop解决jquery冲突js...

    处理jquery版本之间冲突

    ### 处理jQuery版本之间的冲突 #### 背景与问题描述 在Web开发中,jQuery作为一款流行的JavaScript库,因其简洁高效的特性被广泛应用于网页交互功能的开发中。然而,随着项目的迭代和技术栈的更新,不同的开发人员...

    jQuery 核心库的使用

    在本文中,我们将深入探讨jQuery的核心库及其使用,包括如何引入jQuery库,基本语法,以及如何处理jQuery冲突。 首先,要使用jQuery,我们需要将其库文件引入到网页中。jQuery的最新版本通常可以从官方网站...

Global site tag (gtag.js) - Google Analytics