文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

jQuery源码解析之clone()

.clone(true) 表示克隆目标节点的事件和数据('div').clone(true,true) 表示克隆目标节点及其子节点的事件和数据 源码： jQuery.fn.extend({ //...克隆目标节点及其子节点 //dataAndEvents是否克隆目标节点的事件和数据，默认是false //deepDataAndEvents是否克隆目标节点子节点的事件和数据，默认值是dataAndEvents...bug，主要是在fixInput()方法上进行处理 （2）从目标节点克隆数据、添加事件给克隆的元素 （3）将克隆的元素中的script标签设为已运行 四、fixInput() 作用： （1）解决 IE...五、cloneCopyEvent() 作用： $().clone()的关键方法，用来从目标节点克隆数据、添加事件给克隆的元素 注意： jQuery 采用数据分离的方法来保存 DOM 上的事件和数据，利用...if ( dataPriv.hasData( src ) ) { //private data old，即目标元素的数据 //注意：jQuery是通过uuid将目标元素进行标记，

3K20

jQuery复制html元素【jQuery框架应用入门10】

在jQuery中使用clone方法的思路是先选择需要被克隆的DOM节点，然后调用clone方法即可返回一个被克隆的新html元素。...先在原有的html页面中的body标签内添加如下代码: 我的收藏 现在的目标是要将复制的歌曲...jQuery克隆第二首歌曲的代码如下所示： $("body>ol>li").eq(1).clone().appendTo("body>section>ol") 通过代码$("body>ol>li").eq...(1)去选择第二首歌曲，利用jQuery的链式写法，继续使用clone（）方法将歌曲的html元素复制到新的内存空间中，最后把这个新的DOM节点通过appendTo方法添加到body>section>ol...执行这段jQuery代码后的效果如图5-10所示。 图5-10收藏歌曲 $("body>ol>li").eq(1).appendTo("body>section>ol") 效果如图5-11所示。

59910
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    如何使用meg尽可能多地发现目标主机中的多个URL地址

    关于meg  meg是一款功能强大的URL信息收集工具，在该工具的帮助下，广大研究人员能够在不影响目标主机和服务器的情况下，尽可能多地收集与目标主机相关的大量URL地址。...该工具的运行速度非常快，并且不会导致目标主机被恶意流量所淹没，也就是不会影响目标主机的正常运行。  ...如果你遇到安装错误问题，可能是因为你的Go环境版本太低，可以尝试使用下列方法解决： # github.com/tomnomnom/rawhttp /root/go/src/github.com/tomnomnom.../out的目录中： ▶ head -n 20 ..../hosts的文件中读取目标主机，而且不会提供任何输出： ▶ meg 但结果会存储在名为./out/index的索引文件中： ▶ head -n 2 .

    2.2K20

    jQuery入门前言

    $('appendTo">通过appendTo方法添加的元素').appendTo($(".content")) 3、外部插入的after()和before...5、克隆节点clone()： 克隆可以理解为复制，用法如下： //clone处理一 $("div").clone() //只克隆了div结构，事件丢失 //clone处理二 $("div").clone...区别有以下3点： 起始位置不同：.closest开始于当前元素 .parents开始于父元素 遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，...直到找到一个匹配的就停止查找，parents一直查找到根元素，并将匹配的元素加入集合 结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的...还有一种方式，就是动态创建P标签加入到合集，然后插入到指定的位置，但是这样就改变元素的本身的排列了，语法如下： $('li').add('新的p元素').appendTo(目标位置) 6

    3.4K30

    04-老马jQuery教程-DOM节点操作及位置和大小

    props:用于附加到新创建元素上的属性、事件和方法 返回值：返回新创建标签的jQuery包装对象 // jq的 appendTo，类似DOM的appendTo方法 $("Hello</...2.3 元素之后插入节点after(content|fn)方法 参数 content：插入到每个目标后的内容，类型可以：String，DOM，jQuery fn(index,html)：函数必须返回一个...2.4 插入某个元素之后insertAfter(content)方法 参数： content：插入到每个目标后的内容，类型可以：String，DOM，jQuery。...参数: html， String类型，HTML标记代码字符串，用于动态生成元素并包裹目标元素 element， Element类型，用于包装目标元素的DOM元素。...deepEven:一个布尔值，指示是否对事件处理程序和克隆的元素的所有子元素的数据应该被复制。 $("b").clone().prependTo("p"); 3.

    2.9K90

    JQuery干货篇之操控DOM

    作者说 JQuery干货篇之插入元素 本次使用的html,css还是我上一篇的源代码，详情请看上一篇文章 分类 插入子元素：append,prepend ,appendTo,prependTo 封装包裹元素...，要先创建一个新元素才能将它插入到指定位置 使用$创建元素 $() clone 克隆元素，使用clone方法以已有的元素为模子生成新的元素...，但是他们的参数就不同了，append是将指定的参数插入到当前调用它的的结果集中，而appendTo是将当前调用它的结果集插入到指定的参数中，主要的形式有appendTo(jquery),append(...中，这里参数是目标位置，开头调用的时想要插入的内容 $("img:first").clone().appendTo($("img").last().parent()); //选择第一个图片插入到最后一个...dcell中，这里必须用clone，否则就会将这张图片移到目标位置 $($("div.dcell").html()).appendTo($("img").last().parent()); //这里的

    1.4K10

    04-老马jQuery教程-DOM节点操作及位置和大小

    props:用于附加到新创建元素上的属性、事件和方法 返回值：返回新创建标签的jQuery包装对象 // jq的 appendTo，类似DOM的appendTo方法 $("Hello</...2.3 元素之后插入节点after(content|fn)方法 参数 content：插入到每个目标后的内容，类型可以：String，DOM，jQuery fn(index,html)：函数必须返回一个...2.4 插入某个元素之后insertAfter(content)方法 参数： content：插入到每个目标后的内容，类型可以：String，DOM，jQuery。...参数: html， String类型，HTML标记代码字符串，用于动态生成元素并包裹目标元素 element， Element类型，用于包装目标元素的DOM元素。...deepEven:一个布尔值，指示是否对事件处理程序和克隆的元素的所有子元素的数据应该被复制。 $("b").clone().prependTo("p"); 上传视频标签文本框特效案例： <!

    6.9K00

    前端基础-jQuery节点操作

    第10章 jQuery节点操作 10.1 创建节点 // $(htmlStr) // htmlStr：html格式的字符串 $('<span-这是一个span元素</span-'); 10.2 添加节点...append appendTo 在被选元素的结尾插入内容 父.append(子) 子.appendTo(父) prepend prependTo 在被选元素的开头插入内容 父.prepend...remove：相比于empty，自身也删除（自杀） $('div').remove(); 10.4 克隆节点 作用：复制匹配的元素 // 复制$(selector)所匹配到的元素（深度复制） // cloneNode...(true) // 返回值为复制的新元素，和原来的元素没有任何关系了。...即修改新元素，不会影响到原来的元素。 $(selector).clone();//克隆元素本身及后代 $(selector).clone(true);//克隆元素本身及后代以及绑定的事件

    98100

    jQuery中的DOM操作

    appendTo()://将每个匹配的元素追加到指定的元素内部结尾处 $('p').appendTo("#outer"); $('#outer').append...a 删除节点： remove：$(‘#test′).remove();该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。...但除了这个元素本身得以保留之外，remove() 不会保留元素的 jQuery 数据。...注意克隆后节点的id属性，避免id重复 clone(true)：复制内容，也复制行为 替换节点：xxx.replace(a)用xxx把a替换掉 前后宾语调换：a.replaceWith(xxx)将a替换成...xxx 节点互换需要先克隆节点 包裹节点：warp() 将指定节点用其他标记包裹起来，该方法对于需要在文档中插入额外的结构化标记非常有用。

    1.7K20

    JQuery分析及实现part4之DOM操作模块功能及实现

    JQuery模块分析及其实现第四部分属性部分功能及实现,接第三部分! appendTo 方法 功能:将结果集中的元素 追加到指定的 dom 元素上....语法:.appendTo(target) 实现思路 定义 appendTo 方法,声明一个形参 target .追加到目标 dom 元素 选择器 dom 元素 dom 数组 为了操作方便...{ // 如果当前dom元素为 目标上的第一个.不拷贝节点 // 否则拷贝节点 node = i === 0 ?...元素的第一个子节点,再遍历 this 上的每一个 dom 元素 判断当前遍历的 dom 是否为 target 上的第一个 dom 元素 如果为真,此时不需要克隆节点 否则,要深克隆节点 将上述的到的节点...(function(dom) { //判断当前遍历的dom是否为target上的每一个dom元素 //若为真,则不需要克隆节点,否则,要深克隆节点 // 将得到的节点赋值给node

    1.5K30

    DMO节点内部插入的常用方法与区别

    > 点击通过jQuery的appendTo添加元素 <script...， //无论是一个选择器表达式 或创建作为标记上的标记 //它都将被插入到目标容器的末尾。... 简单的总结： 　　.append()和.appendTo()两种方法功能相同，主要的不同是语法——内容和目标的位置不同 append()前面是被插入的对象，后面是要在对象内插入的元素内容...与appendTo插入指定内容外，相应的还可以在被选元素之前插入，jQuery提供的方法是prepend与prependTo....，主要的不同是语法，插入的内容和目标的位置不同 对于.prepend() 而言，选择器表达式写在方法的前面，作为待插入内容的容器，将要被插入的内容作为方法的参数 而.prependTo() 正好相反

    1.5K00

    JQuery中常用方法备忘

    本文转载自博客园，原文地址 http://www.cnblogs.com/xzf158/archive/2008/10/14/logan.html 1.Window.onload 的JQuery方法...$(“p:last”).html(sString); //把值赋给最后一个P标签，以Html形式赋给，也就是说可以包含Html标签 7.页面元素有克隆 (“img.eq(1)”).clone().appendTo...((“p”)); //将第一个图片克隆到所有的P标签中 8.事件的监听 $(“img”) .bind (“click”,fnMyfun1=function(){ //添加事件1 $(“#show...fnMyfun1 }) 10.JQuery制作动画与特效――元素的显示与隐藏效果 $(“img”).hide(); $(“img”).hide(3000); //设置渐隐的时间，单位毫秒 $(“img”...).show (); $(“img”).show (3000); 还有更多特效如：fadeIn() fadeout() slideUp() slideDown() 11.JQuery的功能虑数 ·浏览器的检测

    1.5K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券