了解jQuery应用编程接口文档语法

Question

来自http://api.jquery.com/on/

.on( events [, selector ] [, data ], handler(eventObject) )

我知道这听起来有点愚蠢，但是有人能解释一下这里的语法吗？

[]是什么意思？我认为这意味着你可以添加几个选项(选择器/数据)，但既然你也可以添加几个事件，为什么events没有方括号？

下面是一个.on()示例：

    $(document).on("click", ".item", function() {
alert("hi");
});

在这里，用方法语法编写的data在哪里发挥作用？

Answer 1

方括号表示参数是可选的。对于.on()方法，selector和data都是可选的，但events和handler是必需的。

例如：

$(something).on("click", function () {});
//                 ^ events    ^ handler

$(something).on("click", ".child", function () {});
//                ^ events   ^ selector   ^ handler

$(something).on(function () {}); // Won't work, missing events argument

Answer 2

[]指示这些参数是可选。您可以有零个或一个selectors和data。

示例调用省略了data参数。

Answer 3

方括号表示该参数是可选的。因此，您可以选择提供选择器(用于事件委派)或数据(用于在事件处理函数中使用)，但您不必这样做。

对于您的特定示例，没有任何值被传递给data (因为您不必这样做)。在jQuery on函数的代码中，它根据值的类型确定该值实际用于哪个参数。