首页 > web前端 > js教程 > Jquery动态添加及删除页面节点元素示例代码_jquery

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

WBOY
发布: 2016-05-16 16:44:22
原创
1170 人浏览过

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

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

复制代码 代码如下:





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
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板