避免与其它库的冲突 jQuery 设为 no-conflict 模式

避免与其它库的冲突

如果你在其它 JavaScript 库中实用了$ 变量,你会与 jQuery 发生冲突。为了避免这样的冲突,在你准备实用 jQuery 之前和将 jQuery 加载到你的页面后请你将 jQuery 设为 no-conflict 模式。

当你把 jQuery 设为 no-conflict 模式时,你有替代 $ 的变量名所分配的选项。

Example 4.4. 将 jQuery 设为 no-conflict 模式

<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>var $j = jQuery.noConflict();</script>

你能通过在自执行的匿名函数中封装你的代码而继续使用标准的 $;这是插件开发的一个标准模式,在别的地方作者不知道是否有别的库已经使用了 $

Example 4.5. 在自执行匿名函数中使用 $

<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();

(function($) {
   // 你的代码在这,它使用 $
})(jQuery);
</script>