javascript - 使用 $ 而不是 jQuery 会出现错误

Question

我正在使用以下 jQuery 代码:

jQuery(document).ready(function() { 
    jQuery('#main').click(function(){
        jQuery('#box').slideDown();
    }); 
});

上面的代码工作正常，但是如果我使用 $ 而不是 jQuery，我会收到以下错误:

TypeError: $ is not a function

我知道这是因为一些冲突，但是有没有办法在上面的代码中使用 $ ？

我也尝试使用jQuery.noConflict();，但它仍然给出相同的错误。

Answer 1

使用这个:-

jQuery(function($) { 
    $('#main').click(function(){
        $('#box').slideDown();
    }); 
});

给 jQuery 命名空间起别名

当使用另一个 JavaScript 库时，我们可能希望调用 $.noConflict() 以避免命名空间困难。当这个函数被调用时，$快捷方式不再可用，迫使我们每次通常编写$时都编写jQuery。但是，传递给 .ready() 方法的处理程序可以采用一个参数，该参数传递给全局 jQuery 对象。这意味着我们可以在 .ready() 处理程序的上下文中重命名该对象，而不会影响其他代码。

Reference