jquery的DOM节点操作(复制元素节点)

1.复制元素节点

在页面中，有时候需要复制某个元素节点，可以通过clone（）方法轻松实现这一功能。 语法格式如下：

在复制元素节点后，也要将复制的元素节点追加到某元素节点下，这样才会在相应的区域显示出来

复制元素节点案例如下

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script src="js/jquery.js"></script></head><body><div id="container"><img src="img/1.jpg"></div><script>$(function() {$("img").click(function() {//这种只能复制元素对象// $(this).clone().appendTo("#container");//这钟不仅可以复制元素对象，还可以将元素的方法行为复制过来$(this).clone(true).appendTo($("#container"));})})</script></body>
</html>

jquery的DOM节点操作(复制元素节点)相关推荐

jquery的DOM节点操作(删除元素节点)
1.删除元素节点在操作页面时,删除多余或者指定的页面元素是非常必要的. jquery中提供了remove()方法来删除元素. 其语法格式如下: 删除元素节点示例代码: <!DOCTYPE ht ...
jquery的DOM节点操作(替换元素节点)
1.替换元素节点在jquery中,如果要替换元素中的节点,可以使用replaceWith()和replaceAll()这两种方法.这里我们推荐使用replaceWith()方法,其语法格式分别如下: ...
属性操作与元素节点操作和onscroll
属性操作 input的name,value img的src a的href等属性都属于天生自带的属性 id,class,style,title属性也都是天生自带的属性属性节点包含属性,元素节点包含属性 ...
jQuery（三）—节点操作和元素尺寸
jQuery节点操作和元素尺寸节点操作创建.追加元素 $()直接传入想要创建的节点 var $newli = $("<li>这是一个新的li标签</li>&quo ...
jquery对dom的操作常用方法整理
参考:https://www.jb51.net/article/39099.htm jquery对dom的操作包括了对html内容的添加.删除元素/内容.操作CSS等等,本文整理了一些dom操作的常用 ...
JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
JS节点操作小结(创建节点,添加节点,获取节点,删除节点,复制节点)
一,创建节点 document.createElement('li'),//创建一个节点二,添加节点 insertBefore(要添加的节点, 添加在哪个节点之前) 在指定节点前面添加三,获取节点 ...
JavaScript文档对象模型DOM节点操作之兄弟节点（4）
示例代码: <!DOCTYPE html> <html><head><meta charset="utf-8"><title& ...
JavaScript文档对象模型DOM节点操作之父节点和子节点（2）
1.父节点示例代码: <!DOCTYPE html> <html><head><meta charset="utf-8">< ...

jquery的DOM节点操作(复制元素节点)

1.复制元素节点

jquery的DOM节点操作(复制元素节点)相关推荐

最新文章

热门文章