>在按鈕前方插入
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,但是這只能是對已經載入好的元素定義事件,那些後來新增插入的元素則需要另行繫結。在...