JQ中的on()方法
- 语法 : $(selector).on(event,childSelector,data,function)
event:必需。规定要从被选元素移除的一个或多个事件或命名空间。
childSelector:可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。
data:可选。规定传递到函数的额外数据。
function:可选。规定当事件发生时运行的函数。
事例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div>
<p>这是个事例</p>
<p>这是个事例</p>
<p>这是个事例</p>
</div>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
$(function() {
bindBtn();
});
var bindBtn = function() {
$("body").on("click", "p", function() {
$("<p>这是个事例</p>").appendTo("div");
});
}
</script>
</body>
</html>
这种方法,对现存在的DOM元素节点或是动态创建的节点都有效果