位置: 编程技术 - 正文

jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点(jquery.min.js源代码)

编辑:rootadmin

推荐整理分享jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点(jquery.min.js源代码),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery源码实现原理,jquery animate源码,jquery源码分析,jquery开源,jquery fadein 源码,jquery源码分析,jquery源码实现原理,jquery源码分析,内容如对您有帮助,希望把文章链接给更多的朋友!

什么情况下使用到克隆节点?

  我们知道在对DOM操作过程中如果直接使用节点会出现节点随操作而变动的情况。比如对节点使用.after/.before/.append等方法后,节点被添加到新的地方,原来的位置上的节点被移除了。有的时候需要保留原来位置上的节点,仅仅是需要一个副本添加到对应位置,这个时候克隆就有了使用场景。

  jQuery.fn.clone克隆当前匹配元素集合的一个副本,并以jQuery对象的形式返回。

  你还可以指定是否复制这些匹配元素(甚至它们的子元素)的附加数据( data()函数 )和绑定事件。

  jQueyr.fn.clone: function( withDataAndEvents, deepDataAndEvents )参数描述

a.克隆函数的底层实现步骤分解如下(jQuery.clone)

  第一步,先克隆出DOM节点。对支持正确的节点克隆(即支持elem.cloneNode并保证克隆无误)的DOM节点直接使用cloneNode(true),否则自建一个节点来保存被克隆数据然后获取该节点。

  第二步,如果是IE浏览器下,则需要通过fixCloneNodeIssues( node, destElements[i] );来逐个修正IE克隆问题。IE克隆解决方案全部包含在了fixCloneNodeIssues中,下一节详细分析。里面的jQuery.support内容点击这里查看更多

  第三步,如果要克隆缓存数据(包括普通数据和绑定事件),克隆之。

备注:cloneCopyEvent函数中会将原节点的数据保存到克隆节点中,然后将原节点的事件绑定到新的克隆节点上

jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点(jquery.min.js源代码)

  第四步,保护script计算历史(全局性地标记scripts代码段已经被执行过了),并回收内存,返回克隆节点。

b.IE克隆问题汇总fixCloneNodeIssues(src,dest)

  src是原节点,dest是src的克隆节点。

  IE克隆问题列一下(IE8+)

  1.IE6-8当使用cloneNode会克隆事件(这些事件绑定通过attachEvent)。为保证统一性,需要清除克隆的事件,为后续统一克隆事件做准备

  2.IE8-克隆脚本标签script的时候克隆的内容结果会是空白。我们需要给他重新赋值,并确保他不会执行脚本内容。

  3.IE6-不能克隆使用的classid获取的对象元素的子节点。IE下,如果父节点为null,则会抛出NoModificationAllowedError异常。需要使用原节点的outerHTML和innerHTML重新赋值。

  4.IE6-8无法克隆一个复选框或单选按钮的选中状态。需要主动设置。

  5.当克隆select标签时,IE6-8无法正确返回select默认选中状态。需要主动设置。

  6.当克隆其他类型的input和textare标签时,IE6-8不能正确设置defaultValue为正确的值。需要主动设置。

  里面用到disableScript这个函数。函数目的是改变script的type,从而保证在给script赋值后不会被作为脚本执行。这个方式我们可以借鉴

以上内容是小编给大家介绍的关于jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点的全部叙述,希望大家喜欢。

基于jQuery实现网页打印功能 直接上代码!DOCTYPEhtmlheadmetacharset="utf-8"metahttp-equiv="X-UA-Compatible"content="IE=edge"titleindex/title/headbodydivstyle="text-align:center;margin-top:px"divid="printArea"div......文本

jquery实现全选、反选、获得所有选中的checkbox 举了7个不同的checkbox状态,和大家一一分享。1、全选$("#btn1").click(function(){$("input[name='checkbox']").attr("checked","true");})2、取消全选(全不选)$("#btn2").click(f

基于jQuery实现的双天猫拆红包抽奖效果 本文实例讲述了jQuery实现的双天猫拆红包抽奖效果代码,是一款基于jquery+css3实现的鼠标点击红包摇一摇抽奖代码,具有点击抽奖后红包摇动并弹出抽

标签: jquery.min.js源代码

本文链接地址:https://www.jiuchutong.com/biancheng/376170.html 转载请保留说明!

上一篇:快速学习jQuery插件 Cookie插件使用方法(jquery教程chm)

下一篇:基于jQuery实现网页打印功能(用jquery制作网页)

  • 视同销售计税价格如何确定?
  • 固定资产清理应该在年报中怎么填写
  • 收取境外服务费收入如何开票
  • 全球第一家上市的互联网电商平台
  • 个人所得税手续费奖励是否交个税
  • 社保利息计入什么科目
  • 行政人员出差预借差旅费需要预算会计吗
  • 列支会议费要求
  • 交易性金融资产的入账价值
  • 餐饮赠送菜品怎么说
  • 销售收入冲红如何入账
  • 企业生产设备发生的日常维修费用
  • 突然收到银联入账收入怎么办
  • 企业税收滞纳金计入什么科目
  • 城市建设综合配套费征收管理办法
  • 精创云所有者权益为负
  • 卷式发票属于什么税
  • 零售环节包括哪些
  • 增值税普票丢失的最新处理
  • 企业不征税收入用于支出所形成的固定资产
  • 车间固定资产修理费
  • 投资设立民间非经济组织
  • 购买方开具红字信息表
  • 销售库存商品结转的相关存货跌价准备冲减资产减值损失
  • 担保贷款造成的损失可以税前扣除吗?
  • 事业单位个税手续费返还需要上缴财政吗
  • 美元汇款怎么汇
  • 公司之间往来借款利息怎么记账
  • 银行代扣的年费怎么退
  • vueajax请求的五个步骤
  • 会计账与银行账不符怎么调整
  • 会计如何建账做账
  • php如何实现伪静态
  • 什么的利息收入可免纳个人所得税
  • 会计人员准则
  • 什么是国家秘密
  • yolov5添加注意力机制真的有用吗?
  • 使用php进行mysql数据库编程的基本步骤
  • 山东省项目
  • 如何把html数据导入表格
  • centos7配置自动获取ip
  • spring的文章
  • 调戏chatGPT(二)下围棋
  • 房地产企业季度所得税预缴扣除附加税吗
  • 外地工程预缴税款怎么入账啊
  • 固定资产入账的方式
  • html怎么样
  • 建安类企业包括哪些公司
  • mysql select语句操作实例
  • 存货资产评估方法
  • 银行承兑汇票到期日后多久可以承兑
  • 如果不签合同会怎么样
  • 去银行提取备用金不是会计本人需要给谁打电话
  • 折旧费用分摊科目是什么
  • 查补以前年度所得税
  • 投资软件和信息技术服务业
  • 交易性金融资产的账务处理
  • 股权转让如何办理
  • 会计凭证审核的主要内容
  • 小规模纳税人抵扣税控盘增值税怎么申报
  • 卖出去的货没有发票怎么给人家解释
  • 固定资产清理包括什么会计科目
  • 如何建立明细分类账
  • 数据库sql分组
  • 硬盘安装后不显示
  • 安装metpy
  • dll进程
  • linux中rename命令详解
  • 有哪些好用的linux
  • bootstrap3中container与container_fluid外层容器的区别讲解
  • nodejs搭建本地服务器运行html
  • unity3d操作
  • node.js实战
  • unityugui优化
  • js实现功能
  • python multinomial
  • 国家税务总局江西省
  • 扣缴义务人怎么改不过来呢
  • 进出口贸易产品种类
  • 城市维护建设税属于什么科目
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设