jQuery添加和删除元素
2016-02-02 00:00
696 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery-1.8.0.min.js"></script> <script type="text/javascript"> var i = 0; $(document).ready(function(){ $("#btn1").click( function(){ i++; $("#div1").append('<input type="text" id="t'+i+'"/>'); } ); $("#btn2").click( function(){ if(i>0){ $("#t"+i).remove(); i--; } } ); } ); </script> <title>无标题文档</title> </head> <body> <input type="button" id="btn1"/> <input type="button" id="btn2"/> <div id="div1"> <input type="text" id="t0"/> </div> </body> </html>
相关文章推荐
- jQuery中的join方法
- jquery的$().each,$.each的区别
- JQuery扩展插件总结
- jQuery性能提升方法
- jquery表单数据反序列化为字典
- Jquery自定义扩展方法(二)--HTML日历控件
- Jquery学习笔记:操作form表单元素之一(文本框和下拉框)
- Jquery学习笔记: attr和 prop的区别,以及为html标签自定义属性
- jquery.tmpl.js 模板引擎用法
- 10个超赞的jQuery图片滑块动画
- js,jquery,css,html5特效
- jQuery返回顶部实用插件YesTop
- jQuery照片墙相册
- 跨域请求之jQuery的ajax jsonp的使用解惑
- JQuery 解决 鼠标快速滑过后,会执行多次滑出的问题
- jquery常用事件
- jQuery速查表
- Jquery简单动画的实现记录
- Jquery各个版本的区别
- Notepad++代码自动完成(jQuery版)