位置: 编程技术 - 正文

深入理解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 队列)

  • 疫情捐款收据有什么用吗
  • 疫情期间餐饮发票税点
  • 增加经营范围需要重新做税种
  • 年度纳税总额的时间怎么计算
  • 公司车辆承包给个人违法吗
  • 承兑汇票票号
  • 基本户注销后还可以再开吗
  • 核定征收可以享受小微企业税收优惠吗
  • 学校收到政府拨付的助学金和奖学金需要缴纳税款吗
  • 个人所得税期末为负数审计调整
  • 纳税人识别号和税号是一个意思吗
  • 学校应该缴纳的税
  • 外国常驻代表机构经费支出
  • 买入返售金融资产什么意思
  • 营业外支出应填什么科目
  • 电脑美式键盘怎么设置
  • 税控服务费政策
  • windows11怎么显示我的电脑
  • 媒体文件不能播放
  • PHP:pg_field_table()的用法_PostgreSQL函数
  • 财务报表分析方法有哪些?各有什么优缺点?
  • php curl命令详解
  • 成本法变为权益法剩余股权
  • 乐吾实验学校网站
  • 小规模纳税人企业所得税税收优惠政策
  • php不刷新提交
  • 交通费补贴与报销的区别
  • webform前端
  • vue数据表
  • ChatGPT的火爆出圈,你对它有几分了解?
  • vue组件通信方法
  • 错误日志怎么修复
  • 无形资产转让手续怎么办
  • 分公司开票总公司付款可以吗
  • 织梦怎么建站
  • 织梦怎么添加相关
  • 学电脑的网站
  • 承兑汇票利息分录
  • 固定资产溢余
  • 现金日记账的结账方法
  • 研发人员工资计入什么科目
  • 固定资产可资本化的后续支出
  • 赠品视同销售价格如何确定?
  • 专打发票的打印机
  • 现金流量表的编制基础是权责发生制
  • 其它流动资产为负数原因
  • 多张不同固定资产卡片可汇总生成一张固定资产凭证
  • 跨年冲红发票账务处理需要调整申报表吗
  • 会计净资产计算公式
  • 吸收的三种方式
  • windows无法启动wlanautoconfig服务
  • ubuntu的软件
  • 苹果手机价格
  • 修改注册表显示隐藏文件
  • os10.8.5升级不了
  • mac系统不能升级怎么办
  • win7创建密码后为什么还是没有密码
  • 免费升级windows10
  • win10电源选项
  • linux操作系统入门教程
  • win8图标大小怎么调
  • c#开发linux
  • android 实例
  • 考四级题型
  • node.js最新版
  • jQuery Ajax请求后台数据并在前台接收
  • 用python写随机数
  • python中面向对象的概念
  • android开发之apritag
  • 执行shell脚本方式
  • JS backgroundImage控制
  • jq easyui
  • 信息流广告与原生广告的区别
  • 四川国税局普通发票查询?
  • 期间费用如何分摊到成本中
  • 电子社保卡怎么添加家人
  • 写给税务局的表扬信
  • 四川地方税务 副局长 晓宏
  • 关于新时代新征程
  • 南通地税电话号码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设