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

2021-06-22 12:14:56 字數 414 閱讀 6813

jquery的html()可以給現在元素附加新的元素,innerhtml也可以,那麼,如何給這些新生成的元素繫結事件呢?直接在元素還未生成前就繫結肯定是無效的,因為所繫結的元素目前根本不存在。

然而,jquery為我們提供了乙個函式來解決這個問題,它就是.live()(備註:jquery的後期版本變為.on() ),它可以給所有元素繫結事件,不論是已有的,還是將來生成的,比如:

$(『#div』).live(『click』,function());

它還可以同時繫結多個事件:

$('.hoverme').live('mouseover mouseout', function(event)  else 

});

【例項】

新增新增

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

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

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

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

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

動態生成的dom元素 需要新增事件的元素 無效寫法 btnclick click function 正確寫法 使用on給dom操作的上一級或者祖先元素繫結 box on click btnclick function 分析 on events,selector data fn events 乙個或多...