Javascript jQuery哪些是正确的函数定义？

我在jQuery中看到了三种不同的函数定义。正确的使用方法是什么

例1：

函数示例（）{
//代码在这里
}

例2：

jQuery（'#示例'）。单击（函数（）{
//代码在这里
});

例3：

var示例={
演示：函数（）{
//代码在这里
}
}

---

为什么我要选择哪一个？

这里没有“最佳”，因为每个函数定义都是独立的，用于不同的目的。还要注意，只有第二个示例与jQuery有关

您的第一个示例只是一个普通的JS函数定义，没有什么特别之处

第二个是jQuery

click

事件处理程序，用于声明在所选元素上发生click事件时应执行的逻辑

---

第三个示例是对象内部的函数定义，当使用OOP方法（好像声明类/模型）或只是在逻辑中传递一组值时，该定义非常有用。

示例1和3与jQuery无关。这些是普通的javascript片段

在示例2中，建议改用以下语法：

jQuery('#example_container').on('click', '#Example', function(event) {
  // code here
});

这允许您委派事件处理，这意味着即使在加载页面后创建了该元素，事件仍将被处理。

您的第一个示例：

function example() {
  // code here
 }

是一种定义函数的方法，它的可用性取决于它的作用域

第二个例子：

jQuery('#Example').click(function() {
  // code here
 });

您不仅定义了一个函数，还将此函数添加到id为“Example”的html元素的单击事件中

第三个例子：

var example = {
    demo : function() {
      // code here
    }
}

---

您正在对象内定义函数。所以这个函数将是您刚刚创建的对象“example”的方法“demo”

这取决于你在做什么。您想要实现什么？为什么它们不都做相同的事情？

建议使用此语法。。。仅当处理动态附加的元素时才建议使用此选项。使用静态事件处理程序并没有本质上的错误。由于OP似乎是一个初学者，建议他尽早学习使用这种语法，而不是遇到意外的问题。让你未来的自我变得更容易并没有什么错：）这是你的观点。在不授权的情况下，更容易阅读和编写速记方法您可以稍微打开事件。我认为这是最大的区别。