為新新增的新元素繫結新事件

2022-07-18 20:09:22 字數 1989 閱讀 9640

>在按鈕前方插入

option

>

<

option

value

="behind"

>在按鈕後方插入

option

>

select

>

<

br>

<

div

id="container"

>

<

button

id="add-new-el"

>新增新元素~

button

>

<

br>

<

button

id="add-new-ev"

>為其繫結事件~

button

>

div>

body

>

<

script

>

varaddnewel

=document.getelementbyid(

"add-new-el"),

addnewevent

=document.getelementbyid(

"add-new-ev"),

container

=document.getelementbyid(

"container"),

selectpos

=document.queryselector(

"select");

//var newel = "乙個新的弟弟元素

";//錯誤寫法,insertbefore中插入的節點必須是node

varnewel

=document.createelement("p

");varneweltext

=document.createtextnode(

"這是乙個新的弟弟元素");

newel.setattribute(

"class",

"newel");

addnewel.onclick

=function

()else

}addnewevent.onclick

=function

()) }

else

}script

>

html

>

Jquery 為動態新增元素繫結事件

有一段時間沒用jquery了,今天又碰到這個問題。當時是知道有livejquery可以解決。但是我並不喜歡為了這個而另外載入乙個。我當時的處理方法是在新增的時候手工繫結事件處理函式。不過新版的jquery已經新增了這個功能。我們已經不需要為此煩惱了。參考 以前我們定義事件,比如為元素定義單擊事件是這...

Jquery為動態新增的未來元素繫結事件

語法 selector on event,childselector,data,function event 必需。規定要從被選元素移除的乙個或多個事件或命名空間。由空格分隔多個事件值,也可以是陣列。必須是有效的事件。childselector 可選。規定只能新增到指定的子元素上的事件處理程式 且不...

jQuery動態新增的元素繫結事件

今天在做專案是時候發現動態新增的元素不能繫結事件,由於本人js和jquery技術有限,所以也不知道原因,一查才知道,動態新增的元素繫結事件就會失效,所以修改了一下。jquery中繫結事件一般使用bind,或者click,但是這只能是對已經載入好的元素定義事件,那些後來新增插入的元素則需要另行繫結。在...