在jQuery中使用$而避免跟其它库产生冲突的方法

如何在jQuery中优雅地使用"$"，避免与其他库冲突？这里有三种方法供您参考。

在JQuery中，"$"符号是JQuery的别名。当我们在项目中引入多个JS库时，"$"符号可能会产生冲突。以jquery.js和prototype.js为例，我们来一下如何避免这种冲突。

假设我们先引入了prototype.js，然后引入了jquery.js。在这种情况下，如果我们直接使用$('msg').hide()，那么$代表的是prototype.js中的定义。而如果我们想要调用jquery的方法，我们需要使用全称JQuery('msg').hide()。

那么，如何在这种情况下优雅地使用这两个库中的"$"符号呢？这里有三种方法供您参考：

一、使用JQuery.noConflict()方法

这个方法可以让JQuery放弃对"$"的控制权，将其交还给prototype.js。调用该方法后，我们就不能再使用"$"来调用jquery的方法了，此时"$"就代表prototype.js中定义的。这种方法适用于在代码中需要同时使用两个库的场合。我们也可以给"$"设置一个别名，如var $j = jQuery.noConflict()，这样就可以在代码中继续使用jQuery的"$"。值得注意的是，如果想在自执行的函数内继续使用jQuery的"$"，可以将代码包含在一个自执行的函数内，这也是一些jQuery插件作者的通用做法。

二、自定义JQuery的别名

在编程世界中，JQuery和Prototype都是强大的JavaScript库，各自有着独特的优点和特性。由于它们对某些符号（如$）的占用，有时会引发冲突。这时，我们需要采取一些策略来避免这种冲突，同时确保我们的代码能够正常运行。

当我们引入JQuery库后，可以使用JQuery的no conflict模式来解决$符号的冲突问题。通过这种方式，我们可以将$的控制权交还给其它库，同时用另一种方式（比如$j）来代表JQuery。例如，我们可以写 `$j('msg').hide();` 来隐藏某个元素。

如果你想在语句块中继续使用原生的JQuery的$符号，你可以采用以下的方式：

```javascript

JQuery.noConflict();

JQuery(document).ready(function($){

$('msg').hide(); // 在这个语句块中，$代表JQuery中的$。

});

```

另一种方式是使用自执行的匿名函数：

```javascript

(function($){

// 在这个语句块中，$代表JQuery中的$。

$('msg').hide();

})(JQuery);

```

这种写法特别有用，在我们编写JQuery插件时尤其如此。因为我们无法预知其他JS库会以何种顺序被引入，而这种语句块的写法能够屏蔽冲突，确保我们的代码能够正常运行。

假设我们先后引入了JQuery和Prototype库，我们仍然可以使用上述的语句块来确保我们使用的是JQuery中的$符号。例如：

```html

```

通过巧妙地使用语句块，我们可以避免库之间的冲突，确保我们的代码能够按照预期运行。这种写法不仅适用于普通的JS代码，更应该是我们编写JQuery插件时的标准做法。