使用jquery克隆方法.请克隆p元素并且修改"克隆的p元素"内容为"我是克隆体",并添加到"被克隆p元素"的后面
2019-10-27 19:27
2291 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/zhangkaidi00/article/details/102770273
这是效果:
代码:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery.js"></script> <style> div{ width: 200px; height: 200px; background-color: aqua; } </style> </head> <body> <div> <p>我是源元素</p> </div> <script> $(function(){ $("div").on("click",function(){ $("div p:first-child") .clone() .text("我是克隆体") .appendTo($("div p:first-child")); $("div").off("click"); }); }); </script> </body> </html>
相关文章推荐
- jQuery使用after()方法在元素后面添加多项内容的方法
- jquery之设置元素内容(克隆元素,使用clone()方法)
- jQuery使用prepend()方法在元素前添加内容用法实例
- jQuery使用before()和after()在元素前后添加内容的方法
- jquery之修改元素样式(添加和删除类名称,使用addClass(),removeClass(),toggleClass()方法)
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- 解决使用jQuery采用append添加的元素事件无效的方法
- 【jQuery】使用wrap()和wrapInner()方法包裹元素和内容
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- jquery之设置元素内容(替换HTML或文本内容,使用html()和text()方法)
- NSDictionary的使用及常用方法(如实始化、添加元素、删除元素、修改元素值等)
- jQuery之设置元素内容(移动和复制元素,使用append(),appendTo()方法)
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- jquery之利用ajax与服务器交谈(加载内容到元素上之利用jquery加载内容,使用load()方法)
- jquery之管理包装元素集合(筛选元素包装集之添加更多元素到包装集,add()方法的使用)
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- jquery之设置元素内容(移动和复制元素,使用append(),appendTo()方法)
- jquery之设置元素内容(包裹元素,使用wrap(),wrapAll(),wrapInner()方法)
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- 【jQuery】使用jQuery的clone()方法来克隆元素时,如何保持id的唯一性