标签：min nbsp 函数 div span 类型 htm button 简单
在jQuery中，使用on统一所有事件的处理方式，主要有两种类型：
（1）on注册简单事件
（2）on注册委托事件
（1）on注册简单事件
/*
* selector：表示执行事件的后代元素，若没有后代，则自己执行
* click:传触发方式
* function：传事件处理函数
*/
$(selector).on( "click", function() {});
（2）on注册委托事件
/*
* selector:表示执行事件的元素，若没有后代则自己执行
* click：表示触发方式
* span:表示执行事件的元素（后代）
* function：表示事件处理函数
*/
$(selector).on( "click",“span”, function() {});
on注册事件的参数说明：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="button" value="增加" id="btn">
<div>
<p>A</p>
<p>B</p>
</div>
<script src="jquery-3.3.1.min.js"></script>
<script>
$(function () {
// 这个是p自己注册的事件（简单事件）,即：注册简单事件（自己执行）
/*$("p").on("click", function () {
alert("hello world");
});*/
//给div的后代p元素注册点击事件，即：注册委托事件（后代执行）
$("div").on("click", "p", function () {
alert("hello world")
});
//总结：对比上述两种注册方式可知，当on方法中传入了后代元素("p")，则表示注册委托事件，事件的执行元素是后代元素，若没有传入后代元素，则表示注册简单事件
$("#btn").on("click", function () {
$("<p>This is new </p>").appendTo("div");
});
});
</script>
</body>
</html>
标签：min nbsp 函数 div span 类型 htm button 简单
原文地址：https://www.cnblogs.com/Depingblogs/p/13181457.html
