Javascript 在jQuery中将事件绑定到元素的有效方法

我的页面中有一个锚元素

<a href="..." id="page">Click</a>

我可以更改为绑定如下代码：

$("#page").bind("click",clickFunc);

function clickFunc()
{
..........
}

---

在jQuery 1.8中注册事件的最佳实践是哪一种？

。on

是标准方法：

$("#page").on("click", function() {
    .......
});

如果动态生成

p

元素，则必须执行以下操作：

$(document).on("click", "#page", function() {
    .......
});

---

.on

是标准方法：

$("#page").on("click", function() {
    .......
});

如果动态生成

p

元素，则必须执行以下操作：

$(document).on("click", "#page", function() {
    .......
});

---

.on

是标准方法：

$("#page").on("click", function() {
    .......
});

如果动态生成

p

元素，则必须执行以下操作：

$(document).on("click", "#page", function() {
    .......
});

---

.on

是标准方法：

$("#page").on("click", function() {
    .......
});

如果动态生成

p

元素，则必须执行以下操作：

$(document).on("click", "#page", function() {
    .......
});

---

实际上，在jQuery1.7之后，

on

是绑定事件的首选方式，而不是

bind

。所以我更喜欢API上的

然后：

click(function(){})

这只是一条捷径

on('click',function(){})

在内部，它们实际上是相同的——当

上的

参数是
事件时，处理程序
，但

上的

更通用，因为它可以做的不仅仅是简单的
单击
（示例：事件委派）请参见：

因此，我推荐
on
实际上，在jQuery 1.7之后，
on
是绑定事件的首选方式，而不是
绑定
。所以我更喜欢API上的

然后：

click(function(){})

这只是一条捷径

on('click',function(){})

在内部，它们实际上是相同的——当
上的
参数是
事件时，处理程序
，但
上的
更通用，因为它可以做的不仅仅是简单的
单击
（示例：事件委派）请参见：

因此，我推荐
on
实际上，在jQuery 1.7之后，
on
是绑定事件的首选方式，而不是
绑定
。所以我更喜欢API上的

然后：

click(function(){})

这只是一条捷径

on('click',function(){})

在内部，它们实际上是相同的——当
上的
参数是
事件时，处理程序
，但
上的
更通用，因为它可以做的不仅仅是简单的
单击
（示例：事件委派）请参见：

因此，我推荐
on
实际上，在jQuery 1.7之后，
on
是绑定事件的首选方式，而不是
绑定
。所以我更喜欢API上的

然后：

click(function(){})

这只是一条捷径

on('click',function(){})

在内部，它们实际上是相同的——当
上的
参数是
事件时，处理程序
，但
上的
更通用，因为它可以做的不仅仅是简单的
单击
（示例：事件委派）请参见：

因此，我推荐
on
最好的方法是理解所写内容和工作原理的方法。

smart方法是使用建议使用的方法，在这种情况下，方法是：

.on（）方法将事件处理程序附加到jQuery对象中当前选定的元素集。从jQuery 1.7开始，.on（）方法提供附加事件处理程序所需的所有功能。有关从旧的jQuery事件方法转换的帮助，请参见.bind（）、.delegate（）和.live（）。要删除与.on（）绑定的事件，请参阅.off（）。若要附加只运行一次的事件，然后将其自身删除，请参见.one（）

操作方式取决于您是否需要将事件委托给动态生成的元素

$('.child').on( 'click', function() { /* ... */ });
$('#parent').on( 'click', ".dyn-gen-child", function() { /* ... */ });

最好的方法是理解所写内容和工作原理的方法。

smart方法是使用建议使用的方法，在这种情况下，方法是：

.on（）方法将事件处理程序附加到jQuery对象中当前选定的元素集。从jQuery 1.7开始，.on（）方法提供附加事件处理程序所需的所有功能。有关从旧的jQuery事件方法转换的帮助，请参见.bind（）、.delegate（）和.live（）。要删除与.on（）绑定的事件，请参阅.off（）。若要附加只运行一次的事件，然后将其自身删除，请参见.one（）

操作方式取决于您是否需要将事件委托给动态生成的元素

$('.child').on( 'click', function() { /* ... */ });
$('#parent').on( 'click', ".dyn-gen-child", function() { /* ... */ });

最好的方法是理解所写内容和工作原理的方法。

smart方法是使用建议使用的方法，在这种情况下，方法是：

.on（）方法将事件处理程序附加到jQuery对象中当前选定的元素集。从jQuery 1.7开始，.on（）方法提供附加事件处理程序所需的所有功能。有关从旧的jQuery事件方法转换的帮助，请参见.bind（）、.delegate（）和.live（）。要删除与.on（）绑定的事件，请参阅.off（）。若要附加只运行一次的事件，然后将其自身删除，请参见.one（）

操作方式取决于您是否需要将事件委托给动态生成的元素

$('.child').on( 'click', function() { /* ... */ });
$('#parent').on( 'click', ".dyn-gen-child", function() { /* ... */ });

最好的方法是理解所写内容和工作原理的方法。

smart方法是使用建议使用的方法，在这种情况下，方法是：

.on（）方法将事件处理程序附加到jQuery对象中当前选定的元素集。从jQuery 1.7开始，.on（）方法提供附加事件处理程序所需的所有功能。有关从旧的jQuery事件方法转换的帮助，请参见.bind（）、.delegate（）和.live（）。要删除与.on（）绑定的事件，请参阅.off（）。若要附加只运行一次的事件，然后将其自身删除，请参见.one（）

操作方式取决于您是否需要将事件委托给动态生成的元素

$('.child').on( 'click', function() { /* ... */ });
$('#parent').on( 'click', ".dyn-gen-child", function() { /* ... */ });

从jQuery 1.7开始，
.on（）
方法是将事件处理程序附加到文档的首选方法。从jQuery 1.7开始，
.on（）
方法是将事件处理程序附加到文档的首选方法。从jQuery 1.7开始，
.on（）
方法是将事件处理程序附加到文档的首选方法