jQuery 语法 - 何时使用 $(美元)与 jQuery

Question

这个问题已经有答案了:

What is jQuery(document) vs. $(document) (6 个回答)

已关闭 9 年前。

这两者有什么区别？

$('#SPANID').html("Some Text");

jQuery('#SPANID').html("Some Text");

它是原型(prototype)还是 jQuery？

Answer 1

他们都做同样的事情。大多数库使用 $ 作为访问库内函数的更短方式。

jQuery 有多种访问其库的方法:

window.jQuery('#SPANID').html("Some Text");

window.$('#SPANID').html("Some Text");

jQuery('#SPANID').html("Some Text");

$('#SPANID').html("Some Text");

如果您使用多个库，则可以使用 jQuery 或 window.jQuery 代替 $。

JQuery 有一个名为 jQuery.noConflict(); 的函数它放弃了 jQuery 对 $ 变量的控制，使得 $ 无法与 jQuery 一起使用。

这对于使用多个使用 $ 的库很有用。

所以当你使用 jQuery 时，你会做 jQuery('#message').addClassName('read'); 和 $('#message').addClassName('read '); 使用 Prototype 时。

(接下来的内容有点偏离主题，但如果您想将 $ 与多个库一起使用，将会有所帮助)

尽管有一种方法可以同时在不同的库上使用$，即使用匿名函数。像这样:

(function($){


})(jQuery);


(function($){


})(Prototype);

每个函数都传递库对象，因此 jQuery 和 Prototype 作为变量 $ 允许将其与许多库一起使用。如果您在每个库中包含每个库的代码，它将起作用。

例如:

(function($){
    $(document).ready(function(){

         $('#message').addClass('read');

    });

})(jQuery);


(function($){
     document.observe("dom:loaded", function() {

         $('message').addClassName('read');
         //Or
         $$('#message').addClassName('read');

     });

})(Prototype);