位置: 编程技术 - 正文

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

  • 增值税率和征收率
  • 个人所得税计提分录怎么写
  • 免税收入进项税额转出比例结转法
  • 发票税率开错了3%开成5%怎么办
  • 法人可以领发票吗现在
  • 成本核算的三种基本方法
  • 个人接受现金捐赠的例子
  • 开现代服务发票有什么要求吗
  • 发票印不上字还能用吗?
  • 收回公司经营权需要做什么
  • 软件使用费的税率是多少啊
  • 代缴税款是什么意思
  • 企业所得税的征税对象包括
  • 给经销商的回扣如何做账?
  • 当月未收到进项票怎么处理
  • 办公室购置空调的词语
  • 增值税进项没收到必须开销项怎么办?
  • 开工程服务发票后怎么成本
  • 2017 160号文件
  • 网税系统用户名和密码
  • 向境外企业支付技术咨询指导费
  • 股票现金分红
  • 金蝶kis标准版软件操作流程演示
  • 怎么进行现金流量分析
  • 暂估入库借方有余额怎么处理
  • vb win10
  • 企业所得税纳税标准
  • tkinter美观界面
  • mac补丁安装步骤
  • 新版win10任务栏
  • 联营企业和合营企业长期股权投资的方式
  • php date_diff
  • 个人借款放在哪个科目
  • 房地产销售老项目增值税
  • gridview怎么连接数据库
  • 劳务费发票差额征税
  • vue实例完整项目源码
  • js javascript
  • Vue3通透教程【四】Vue3组合API初体验
  • 毕业设计基于51单片机多功能电子钟的设计
  • 公司有收入可不交社保吗
  • 劳务派遣差额会计分录
  • 小规模纳税人升级为一般纳税人
  • 发票未到已付款怎么入账
  • 为什么盈余公积减少,未分配利润增加
  • 请问在accessdemo1
  • 管理费用科目包括
  • sqlserver降级备份
  • 接受捐赠的增值税计入会计利润吗
  • 存货跌价准备在年报哪里
  • 自产产品用于业务招待
  • 甲企业持有乙企业40%的股权,能够对乙企业
  • 补缴年报所得税怎么填
  • 开出银行承兑汇票一张用于支付材料采购款
  • 公司盈利的钱怎么拿出来
  • 不开票收入怎么报税
  • 服装厂委托物资怎么写
  • 进项税额有抵扣期限吗
  • 子公司的亏损能算到母公司吗
  • mac系统照片在哪个文件夹
  • 怎么激活win7旗舰版系统
  • windows推送
  • win8个性化设置
  • win8磁盘分区
  • OpenCV-EmguCV 在 Unity3D 中的配置
  • cocos2dx游戏有哪些
  • android开发步骤
  • python中yield用法
  • shell中数组如何定义
  • 相同目录
  • unity怎么创建空对象
  • jquery json对象
  • linux shell脚本命令
  • JavaScript中的方法名不区分大小写
  • jquery-easyui-1.3.3
  • java clone用法
  • jquery对象与dom对象可以相互转换
  • 租房交税是房东交还是中介交
  • 北京市注册税务师
  • 车辆购置税计入固定资产一起折旧吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设