解决jQuery的$冲突问题

解决jQuery的$冲突问题

很多JavaScript的库使用$作为变量名，如果我们同时引用两个使用$作为变量名，或者引入两个不同版本的jQuery时，就可能会出现$冲突问题。

作为解决办法，我们可以使用

jQuery.noConflict()

来解决这个问题。

jQuery.noConflict()

jQuery.noConflict()的作用是放弃jQuery控制$ 变量。

具体应用方法

方法一

一种方法是使用jQuery来代替$

第一种方法有一个问题是我们必须全部使用jQuery来代替$，如果我们还想用$，我们可以参考以下两种方法。

方法二

这种方法是使用jQuery.ready()形成闭包，在闭包中运行jQuery代码

jQuery.ready() => 当DOM准备就绪时，指定一个函数来执行。

方法三

这种方法是使用立即执行函数，让$作为函数的变量，调用jQuery作为$。