如何用jQuery給動態生成的dom繫結事件

2021-10-02 18:16:23 字數 563 閱讀 1194

//動態生成的dom元素

需要新增事件的元素

無效寫法:

$(".btnclick").click(function());

正確寫法:(使用on給dom操作的上一級或者祖先元素繫結)

$(".box").on("click",".btnclick",function());

分析: 

on(events,[selector],[data],fn)

events:乙個或多個用空格分隔的事件型別和可選的命名空間,如"click"或"keydown.myplugin" 。

selector:乙個選擇器字串用於過濾器的觸發事件的選擇器元素的後代。如果選擇的< null或省略,當它到達選定的元素,事件總是觸發。

data:當乙個事件被觸發時要傳遞event.data給事件處理函式。

fn:該事件被觸發時執行的函式。 false 值也可以做乙個函式的簡寫,返回false。

jQuery 如何給動態生成的元素繫結事件?

jquery的html 可以給現在元素附加新的元素,innerhtml也可以,那麼,如何給這些新生成的元素繫結事件呢?直接在元素還未生成前就繫結肯定是無效的,因為所繫結的元素目前根本不存在。然而,jquery為我們提供了乙個函式來解決這個問題,它就是.live 備註 jquery的後期版本變為.on...

jQuery 如何給動態生成的元素繫結事件?

jquery的html 可以給現在元素附加新的元素,innerhtml也可以,那麼,如何給這些新生成的元素繫結事件呢?直接在元素還未生成前就繫結肯定是無效的,因為所繫結的元素目前根本不存在。然而,jquery為我們提供了乙個函式來解決這個問題,它就是.live 它可以給所有元素繫結事件,不論是已有的...

jQuery 如何給動態生成的元素繫結事件?

jquery的html 可以給現在元素附加新的元素,innerhtml也可以,那麼,如何給這些新生成的元素繫結事件呢?直接在元素還未生成前就繫結肯定是無效的,因為所繫結的元素目前根本不存在。然而,jquery為我們提供了乙個函式來解決這個問題,它就是.live 它可以給所有元素繫結事件,不論是已有的...