位置: 编程技术 - 正文

深入理解jQuery3.0的domManip函数(深入理解计算机系统 电子书)

编辑:rootadmin

推荐整理分享深入理解jQuery3.0的domManip函数(深入理解计算机系统 电子书),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:深入理解新发展理念,推进供给侧结构性改革心得体会,深入理解新发展理念,深入理解新发展理念心得体会3篇,深入理解中国式现代化,深入理解新发展理念心得体会3篇,深入理解计算机系统 电子书,深入理解新发展理念,深入理解新发展理念,推进供给侧结构性改革,内容如对您有帮助,希望把文章链接给更多的朋友!

domManip 这个函数的历史由来已久,从 jQuery 1.0 版本开始便存在了,一直到最新的 jQuery 版本。可谓是元老级工具函数。

domManip 的主要功能是为了实现 DOM 的插入和替换。具体共为以下 5 个函数服务

&#;内部后插入(append)

&#;内部前插入(prepend)

&#;外部前插入(before)

&#;外部后插入(after)

&#;替换元素 (replaceWith,1.9.x 之前的版本没有使用 domMainp)

而一个 each 就生成了另外 5 个函数:appendTo、prependTo、insertBefore、insertAfter、replaceAll

如图

内部调用如图

源码

domManip 的实现

domManip 的主要功能就是添加 DOM 元素,因为添加的位置不同而提供了四个公开函数 append、prepend、before、after,此外还有一个 replaceWith。简单说 domManip 就做了两件事

1.先完成 DOM 节点添加

深入理解jQuery3.0的domManip函数(深入理解计算机系统 电子书)

2.如果添加的 DOM 节点内有 script 标签,需要额外处理下。对于可执行的 script (通过type属性判断)则执行其内的脚本代码,其它的则不执行。

domManip 依赖的一个重要函数就是 buildFragment,为 DOM 插入提高了性能。

domManip 内对 script 节点元素做了特殊处理

1.script 无 type 属性,默认会执行其内的 JS 脚本

2.script 的 type="text/javascript" 或 type="text/ecmascript" ,会执行其内的 JS 脚本

3.script 如果有 src 属性,会执行 $._evalUrl 请求远程的 JS 文件并执行

4.其它不会执行 JS 脚本,有时我们会用 script 来做 html 模板,如 underscore.js,type="text/template" 或 type="text/plain" 这种,其内的 JS 都不会被执行

此外 dataPriv.access( node, "globalEval" ),这一句标示了如果该 script 已经执行过,则不会再次执行。或者说执行后会设置一个 globalEval: true 的标示。

domManip 内部依赖 buildFragment、restoreScript、disableScript、jQuery._evalUrl、DOMEval 这几个小函数,而 restoreScript、jQuery._evalUrl 也仅在 domManip 用到。

domManip 经历了各个版本的演变

1.

3.0.x 之前版本的 domManip 函数是挂在 jQuery 对象上面的(jQuery.fn.domManip),即通过 $().domManip 方式可以访问;3.0.x 后 domManip 是一个私有函数,外部无法访问

2.

1.2.x 之前 domManip 有 4 个参数;1.3.x ~ 1.9.x 是 3 个参数;2.x 只有 2 个参数;3.x 有 4 个参数

3.

1.9.x 之前的版本 replaceWith 没有使用 domMainp

以上所述是小编给大家介绍的jQuery3.0的domManip函数,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

利用Jquery队列实现根据输入数量显示的动画 先来看看要实现的效果图如上面的gif图所示,可以在输入框中,输入要产生的动画的数量,然后点击clickme按钮,就产生了效果。产生的效果是通过在数

jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍 insertBefore():a.insertBefore(b)a在前,b在后,a:是一个选择器,b:也是一个选择器!DOCTYPEhtmlhtmlheadmetacharset='UTF-8'titlejqu/titlescripttype="text/javascript"src='jquery-2.2.0.min

使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo 0Jquery.Qrcode简介Jquery.Qrcode.js是一个在浏览器端基于Jquery动态生成二维码的插件,支持Canvas和Table两种渲染方式,它的优点是在客户端动态生成,减轻了服

标签: 深入理解计算机系统 电子书

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

上一篇:简洁实用的BootStrap jQuery手风琴插件(简洁实用的公司治理机制)

下一篇:利用Jquery队列实现根据输入数量显示的动画(js 队列)

  • 从农民手中收购粮食如何计算进项税
  • 个人独资企业生活费用和经营费用混在一起的
  • 税务师事务所是代理记账公司吗
  • 增值税存量和增量留抵退税
  • 个人给单位做事怎么开发票
  • 开诊所会计如何做账
  • 合并成本是
  • 外币账户月末怎么结汇
  • 企业筹建期间利息支出税前扣除怎么算
  • 财务会计制度名称一般是
  • 带息负债融资成本
  • 营改增后房地产公司税种及税率
  • 证券公司清算交收
  • 上年度的会计分录做错了今年可以调整吗
  • 外币资本金使用范围
  • 案例分析房产税会计分录怎么写?
  • 个人名义帮公司贷款
  • 租房发票的税由谁承担
  • 专用发票的有效期是几年
  • 公司与个人合伙协议
  • 采用简易计税方法
  • 土地收储的含义
  • 超市买的日用品没消毒直接用
  • 加速折旧的会计分录
  • 查账征收企业所得税季报怎么填
  • 合伙企业取得红利怎么交税
  • 购入固定资产预算会计怎么做账务处理
  • 往来款的意义
  • 公司水费怎么算
  • 期间损益包括
  • 分批付款怎么确认收入
  • cpu和gpu性能对比
  • 提取现金 备发工资
  • php json 对象
  • 水利建设基金计税依据
  • vue面试题及答案2021
  • 发放工资时扣除的保险怎么做
  • 机器学习:基于朴素贝叶斯对花瓣花萼的宽度和长度分类预测
  • redisson php
  • 长期股权投资内部交易抵消
  • 帝国cms使用手册
  • 股东借款怎么转为利润分配
  • 去参加博览会的英文
  • 处置长期股权投资其他综合收益结转
  • sql server如何进行安全设置
  • 以前年度计提的存货跌价准备本年销售了
  • 增值税发票跨月可以作废吗
  • 科目汇总表借方和贷方相等吗
  • 冲销以前年度多提税金
  • 残保金缴纳计算方法2021
  • 公司验资报告多少钱
  • 赠送产品会计分录怎么写
  • 参加会议正常应该交多少钱
  • 软件开发是否属于采购目录
  • 总分类账建账顺序
  • MySQL5.7中 performance和sys schema中的监控参数解释(推荐)
  • 利用sql函数生成数据
  • 微软历代操作系统
  • xp开机延时启动程序
  • 如何安装win2000
  • linux 新手
  • fedora os
  • 如何将windows文件复制到ubuntu
  • mac键盘进水后会报废吗
  • xp系统的设置在哪里
  • 批处理命令在哪个菜单中
  • perl read
  • 表单元素的属性
  • android设计模式的应用场景
  • jQuery EasyUI tree 使用拖拽时遇到的错误小结
  • 原生js实现promise.all
  • jQuery.ajax 跨域请求webapi设置headers的解决方案
  • jquery常用的事件绑定函数有哪些
  • python 设计
  • js获取当前月份的天数
  • 纳税人识别号不能含有IOZSV
  • 上海社保转出后查不到记录
  • 北京税务部门需要党员吗
  • 73平方的房子有多大
  • 开票内容 大类
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设