document.ready 和 $function 之间的差异

Question

可能的重复：
这些 jQuery 就绪函数之间有什么区别？
jquery：选择 document.ready 方法

这样做

$(function() {
    $("a").click(function(event){
        alert("Thanks for visiting!");
    });
});

和这

$(document).ready(function(){
    $("a").click(function(event){
        alert("Thanks for visiting!");
    });
});

Answer 1

他们是一样的。查看 jQuery .ready() 文档。这是文档中的引用：

以下所有三种语法都是等效的：

$(文档).ready(处理程序)

$().ready(handler)（不推荐这样做）

$（处理程序）

Answer 2

您的示例之间的功能没有区别 - 它们都绑定到 DOM 就绪。

作为参考，您可以在两个点绑定 jQuery 代码。

第一个将在 DOM 准备好时执行（两者是等效的）：

// full example
$(document).ready(function() {
  // code...
});

// shortened 
$(function() {
  // code...
});

// ES6 example with $ aliased, note this is not supported in IE
jQuery($ => {
  // code...
});

第二个将在页面完成加载所有图像、样式表等时执行。

$(window).on("load", function() {
  // code...
});

当您需要获取 width() 或图像的 height() 。仅当映像完全下载到客户端系统后，这些属性才可用。

另请注意，$(window).load(fn); 现已弃用，不应再使用。

Answer 3

以下所有三种语法都是等效的：

$(document).ready(handler) 
$().ready(handler) (this is not recommended) 
$(handler) 

http://api.jquery.com/ready/