jQuery的出现,大大简化了对dom的操作。对点击事件的绑定,有两种常用的方法。第一种是$(“selector”).click(callback);第二种是$(document).on(“click”, “selector”, callback)。
1、$(“selector”).click(callback)
<li class=”liClass”>1</li>
<li class=”liClass”>2</li>
<script>
$(“.liClass”).click(function(){ alert(“Hello World!”) })
$(“body”).append(“<li class=’liClass’>3</li>”)
</script>
结果:点击li1和li2能够触发点击事件,点击li3不能触发。
2、$(document).on(“click”, “selector”, callback)
<li class=”liClass”>1</li>
<li class=”liClass”>2</li>
<script>
$(document).on(“click”, “.liClass”, function(){ alert(“Hello World!”) })
$(“body”).append(“<li class=’liClass’>3</li>”)
</script>
结果:点击li1、li2、li3都可以触发点击事件。