javascript中的$(function(){})是什么意思?

What does $(function() {}) mean in javascript

本文关键字：是什么 意思 中的 function javascript      更新时间：2023-09-26

我正在使用flot库来生成plot。网站上给出的示例的javascript代码都是这样写的:

<script>
$(function() {
    ...
    ...
    ... plot ...
});
</script>
http://www.flotcharts.org/flot/examples/realtime/index.html

$(function() {}) bit是什么意思?

它的document-ready处理程序

描述:指定一个在DOM完全加载时执行的函数。

这是一个文档就绪处理程序

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

这是为了防止任何jQuery代码在文档完成加载(准备就绪)之前运行。

等价于

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

如果在DOM初始化后调用.ready()，则传入的新处理程序将立即执行。

下面是一些操作的例子，如果方法在文档完全加载之前运行，这些操作可能会失败:

1。试图隐藏尚未创建的元素

2。试图获取尚未加载的图像的大小

jQuery团队已经为文档准备事件创建了一个更短的方法: 
$(function(){
   // jQuery methods go here...
});

这取决于开发人员使用的语法，但是文档准备事件在阅读代码时更容易理解

详细信息请参见

$()调用一个函数(一个名为$，这是一个有效的函数名称在JS中，即使它看起来不像一个或给你任何线索，作为什么函数做)。

function() {...}是一个函数表达式，它定义了一个新的函数(3定义了一个新的数字，[]定义了一个新的数组)。

本例中，函数表达式是$函数调用的第一个参数。

jQuery库定义了一个$函数(它是高度重载的，所以它根据你传递给它的东西做非常不同的事情)。

如果您将一个函数传递给$，那么当DOM就绪事件触发时，它将调用传递的函数

意思相同:

  • $(document).ready(handler)
  • $().ready(handler) (不推荐)
  • $(handler)

通常在handler的位置使用匿名函数:

$(function() {
  // Do this when .ready() called.
});
相关文章：