首頁 > web前端 > js教程 > 主體

Jquery动态添加及删除页面节点元素示例代码_jquery

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

通常我们会遇到选中某个条件,然后添加,累计多个后,再进行执行。

废话不多说,直接上代码!

复制代码 代码如下:





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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!