jquery中動態綁定事件的方法

界面:ide

14.png

第一種方法:測試

15.png

第二種方法:事件

16.png

第三種方法:it

17.png

若是此時動態的給界面添加一個li元素,以下:class

18.png

經過上面三種方法綁定的事件,此動態添加的li身上是不具備事件的,那怎麼辦了?cli

單獨給動態添加的元素綁定事件
方法

19.png

測試 了一下 這樣寫也是能夠的im

20.png

後面動態添加的元素,只能經過on來進行綁定了,bind是不行的。
總結

總結:數據

a 若是界面一開始就有元素,咱們就能夠經過bind、on或者事件方法(eg:click)進行綁定了,

綁定完了之後,後面又動態的給界面添加了元素,那麼此時就只能經過on再單獨給添加的這個元素綁定事件


b 那若是一開始,界面上的元素就是經過動態的方法添加上去的,那麼仍是能夠直接經過on bind 事件方法(click)進行綁定

例如:

21.png

例子:

給表格動態添加數據

21.jpg

22.jpg

給tr添加單擊事件:

23.jpg

相關文章
相關標籤/搜索