jquery動態綁定事件


什么是動態綁定?

動態綁定是指動態添加的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());
    });

//動態事件綁定說明:首先要獲取到要添加動態事件的父節點,並且這個父節點是剛開始就存在的(源代碼里面就有的)。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM