jQuery追加标签 append和appendTo
2017-10-17 10:41
323 查看
appentTo()
appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容和选择器的位置,以及 append() 能够使用函数来附加内容。
append()
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容的位置和选择器。
<!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"/> <title>两个框子的内容互相追加</title> <script language="javascript" type="text/javascript" src="../script/jquery-1.4.2.min.js"></script> <script> $(function () { $("input#right").click(function () {//alert("sss"); var $content = $("#select1 option:selected"); $($content).appendTo("#select2"); }) $("input#left").click(function () {//alert("sss"); var $content = $("#select2 option:selected"); $($content).appendTo("#select1"); }) $("input#Allleft").click(function () { $("#select1 option").appendTo("#select2"); }); $("input#Allright").click(function () { $("#select2 option").appendTo("#select1"); }); }) </script> </head> <body> <center> <div style="background-color:#F90; width:400px;"> <select id="select1" multiple="multiple" style="height:150px;"> <option disabled="disabled">水果</option> <option id="option">苹果</option> <option id="option">香蕉</option> <option id="option">白菜</option> <option id="option">萝卜</option> </select> <input type="button" id="right" value="移右"/><input type="button" id="Allright" value="全部移右"/><input type="button" id="left" value="移左"/><input type="button" id="Allleft" value="全部移左"/> <select id="select2" multiple="multiple" style="height:150px;"> <option disabled="disabled">蔬菜</option> <option>荔枝</option> <option>葡萄</option> <option>青菜</option> <option>茄子</option> </select> </div> </center> </body> </html>
相关文章推荐
- 一个例子教会你jquery追加标签 append和appendTo
- jquery append() 追加内容 remove() 删除回调
- jquery中append与appendTo方法区别
- jQuery中append和appendTo函数的区别详解
- jquery append() 追加内容 remove() 删除回调
- jquery append()方法添加的标签为什么不能添加事件?
- jquery append与appendTo方法比较
- 用Jquery动态append方式加入标签时Css样式丢失的解决方法
- jQuery 追加元素的方法如append、prepend、before
- jquery append() 追加内容 remove() 删除回调
- jquery追加内容append
- jsp标签中添加数据--jQuery 的append()方法以及.empty()方法
- Jquery基础:append、prepend、after、before、appendTo的区别
- jQuery之设置元素内容(移动和复制元素,使用append(),appendTo()方法)
- jquery append() 追加内容 remove() 删除回调
- jQuery 追加元素的方法如append、prepend、before
- jQuery 追加元素的方法如append、prepend、before
- jQuery 追加元素的方法如append、prepend、before
- javascript追加html实现类似jQuery中append方法
- jquery创建添加append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore