.on()方法比.bind()方法多一個參數selector
.on()的selector參數是篩選出調用.on()方法的dom元素的指定子元素，如：
$("ul").on('click','li', function(){})
為動態添加的元素也能綁上指定事件
案例：
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<script>
$("ul li").bind('click', function() {
alert("boom!");
});
// $("ul li").on('click', function() {
// alert("boom!");
// });
// 和上面效果一樣
$("ul").append("<li>5</li>");
</script>
</body>
此時點擊列表5並不會彈出消息框
給.on()添加selector參數li:
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<script>
$("ul").bind('click','li', function() {
alert("boom!");
});
$("ul").append("<li>5</li>");
</script>
</body>
此時點擊列表5彈出消息框boom!