$(document).ready(function(){})和$().ready(function(){})和$(function(){})的区别

本文主要是介绍$(document).ready(function(){})和$().ready(function(){})和$(function(){})的区别，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

和$().ready(function(){})

和$(function(){})的区别有那些呢？？？？

以上三个语法全部是等价的：

还有$(document).bind("ready", handler)。该方法在从 jQuery 1.8 开始不再建议使用。这种用法的行为和 ready 方法类似，只有一点不同：如果 .ready() 方法已经被执行，再试图进行 .bind("ready")的话，此时通过 .bind("ready") 绑定的函数是不会被立刻执行的，而是在使用上述三种方法之一进行绑定的函数执行完后，才会执行通过这种方法绑定的 ready 事件处理。（愚人码头注：如果同时使用 .ready() 方法和 $(document).bind("ready", handler) 的话，那么始终会先执行 .ready()，再执行通过 bind 绑定的事件。）

.ready()方法方法只能被匹配当前文档的 jQuery 对象调用，因此选择符可能被省略。

.ready()方法通常用于一个匿名函数：

  $(document).ready(function() {
  // Handler for .ready() called.
});
 
 

这等价于调用:

  $(function() {
     // Handler for .ready() called.
    });
 
 

如果.ready()在DOM被初始化后被调用，新的处理函数通过将立即执行。

Aliasing the jQuery Namespace

当使用其他JavaScript库时，我们不妨调用$.noConflict()以避免命名空间中的混淆。当这个函数被调用，$快捷方式将不再可用，迫使我们每次将写$的时候,写jQuery代替。然而，处理函数传递给.ready()方法可以带一个参数，这个参数就是全局的jQuery对象。这意味着我们可以重新命名上下文对象内的.ready()处理函数，而不影响其他代码：

  jQuery(document).ready(function($) {
  // Code using $ as usual goes here.
});
 
 

例子:

显示当DOM加载的信息。

  <!DOCTYPE html>
<html>
<head>
  <style>p { color:red; }</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function () {
  $("p").text("The DOM is now loaded and can be manipulated.");
});
  </script>
 
</head>
<body>
  <p>Not loaded yet.</p>
 
</body>
</html>
 
 