jQuery多库共存的三种方法。

jQuery团队为用户提供了贴心的方法让jQuery能与其他js库(如Prototype),实现起来很简单。

其实,多库共存就是“$ ”符号的冲突。

方法一:

利用jQuery的实用函数$.noConflict();这个函数归还$的名称控制权给另一个库,因此可以在页面上使用其他库。

这时,我们可以用"jQuery "这个名称调用jQuery的功能。

方法二:

(function($){/*代码块*/})(jQuery)

这个表单是看上去会让人觉得有点晕,其实很简单。

前半部分:(function($){/*代码块*/})

这是一个函数声明,并用括号括起来够成一个表达式,表达式的返回值就是这个函数的引用。

在这个函数中用$作为参数。所以在注释代码块用可以使用$符号。

后半部分:(jQuery)

在前半半部分返回函数引用后传递jQuery对象参数。

其实,可以把(function($){/*代码块*/})(jQuery) 拆分成:

方法三:

jQuery(function($){/*代码块*/})

通过传递一个函数作为jQuery的参数,因此把这个函数声明为就绪函数。

那它究竟是怎么工作的呢?

我们声明$为就绪函数的参数,因为jQuery总是吧jQuery对象的引用作为第一个参数传递,所以就保证了函数的执行。

 

如有任何问题,请回复。


你可能感兴趣的:(js,jquery,前端)