首頁 > web前端 > js教程 > Jquery動態新增及刪除頁面節點元素範例程式碼_jquery

Jquery動態新增及刪除頁面節點元素範例程式碼_jquery

WBOY
發布: 2016-05-16 16:44:22
原創
1168 人瀏覽過

通常我們會遇到選取某個條件,然後再加,累計多個後,再執行。

廢話不多說,直接上程式碼!

複製程式碼 程式碼如下:







Jquery動態新增及刪除頁面節點


<script> <BR>$(function(){//頁面載入完畢後執行<BR>$("input").click(function(){//新增操作<BR>var getval=$("select ").val();//取得目前選取的select值<BR>$("p").before('<li>' getval '<span>X');/ /在p標籤前加入所要產生的程式碼<BR>}); <BR>}); <BR>$("span").live("click",function(){//透過live() 方法附加的事件處理程序適用於符合選擇器的目前及未來的元素(例如由腳本建立的新元素) <BR>$(this).parent().remove();//移除目前點擊元素的父元素<br>}); <br></script>









相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板