在多人合作开发中一定要确保变量,对象,函数等命名不要冲突:
方法一:当别人使用了其他的js库,并该库使用了”$”变量,那么我们可以使用noConflict()方法:
1 | var j = jQuery.noConflict(); |
2 | // Now, instead of $, we use j. |
3 | j( '#someDiv' ).hide(); |
4 | |
5 | // The line below will reference some other library's $ function. |
6 | $( 'someDiv' ).style.display = 'none' ; |
方法二,把你的代码放在一个匿名函数里面,然后把jQuery作为参数传递给它,那么在这个函数体中的$是不会影响外面或者被外面影响的。
1 | ( function ($) { |
2 | // Within this function, $ will always refer to jQuery |
3 | })(jQuery); |
方法三,通过ready方法传递$
1 | jQuery(document).ready( function ($) { |
2 | // $ refers to jQuery |
3 | }); |
4 | // $ is either undefined, or refers to some other library's function. |
或者使用简写:
1 | $( function () { |
2 | // let's get up in heeya |
3 | }); |