Rumah >hujung hadapan web >tutorial js >Jquery动态添加及删除页面节点元素示例代码_jquery

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

WBOY
WBOYasal
2016-05-16 16:44:221156semak imbas

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

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

复制代码 代码如下:





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>












Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn