什么是動態綁定?
動態綁定是指動態添加的DOM節點或者html元素,他們最開始時運行的時候是不存在的。如果要給這些動態加入的節點增加事件,就必須要用jquery的on方法來綁定事件。
$('.content dd').click(function(){ //普通事件方法 alert($(this).val()); });
<div class='content'> <dl> <dd>博客園1</dd> <dd>博客園1</dd> <dd>博客園3</dd>
<!--<dd>博客園4</dd>--> 假設這個|博客園4|是動態添加的 那么前面的三個博客園點擊都是有效果的 最后一個是無效的 js部分應用下面的寫法
</dl>
</div>
$('.content').on('click','dd',function(){ //動態事件綁定 為頁面所有的dd添加一個事件 包括新增的節點 alert($(this).val()); });
//動態事件綁定說明:首先要獲取到要添加動態事件的父節點,並且這個父節點是剛開始就存在的(源代碼里面就有的)。