极客教程jQuery (function()) — 使用哪个
在本文中，我们将介绍使用jQuery时常遇到的两种常见方法：$(document).ready()和$(function())。这两种方法都用于在文档完全加载和解析后执行JavaScript代码，但它们在语法上稍有不同。本文将对其使用情况和区别进行解释，并举例说明以便更好地理解。
阅读更多：jQuery 教程
$(document).ready()方法
$(document).ready()是jQuery中最常用的一种方法，用于在文档加载完成后执行JavaScript代码。它用于确保代码在文档完全加载并解析后才被执行，从而避免在DOM元素尚未准备好时对其进行操作。
使用$(document).ready()方法的常规语法如下：
或者可以使用更简洁的写法：
该方法接受一个匿名函数作为参数，通过该匿名函数来执行我们需要在文档就绪时执行的JavaScript代码。
示例：
在上面的例子中，我们使用$(document).ready()方法来确保按钮元素已经加载并且可以被JavaScript代码获取到。当按钮被点击时，会弹出一个提示框显示”按钮被点击了！”。
$(function())方法
$(function())是$(document).ready()的一种简写形式，它可以用来取代$(document).ready()方法。它的作用与$(document).ready()相同，用于在文档加载完成后执行JavaScript代码。
$(function())方法的语法如下：
这种写法更为简洁，通常被更多的开发人员所采用。
示例：
在上面的例子中，我们使用$(function())方法来确保所有class为”myDiv”的元素已经加载完成，并且隐藏它们。
使用哪种方法？
事实上，$(document).ready()和$(function())是等效的，它们之间没有实质性的区别。它们都能在文档加载完成后执行JavaScript代码，无论是在HTML文档中的<head>内部使用，还是在<body>的底部使用。
考虑到代码的可读性和简洁性，建议使用$(function())方法。它比$(document).ready()更简明扼要，并且被广泛接受和使用。
然而，在某些情况下，如果需要更复杂的代码逻辑或有多个代码块需要执行，使用$(document).ready()方法可能更清晰明了。
总结
在本文中，我们介绍了jQuery中常见的两种执行JavaScript代码的方法：$(document).ready()和$(function())。虽然它们的作用相同，在文档加载完成后执行代码，但语法上存在一些细微的差别。
$(document).ready()是使用jQuery的传统方式，对应的简写形式是$(function())。它们在使用上没有实质性的区别，都能满足大多数开发需求。然而，出于代码的可读性和简洁性考虑，推荐使用$(function())方法。
无论您选择哪种方式，确保在使用jQuery时将代码放置在合适的位置，以确保DOM元素已经加载并准备就绪，避免出现JavaScript无法操作DOM的问题。