分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

jQuery源码解析----内部插入的外部函数

发布时间:2023-09-06 01:52责任编辑:傅花花关键词:jQuery

以JQuery中的append()实现为例

append: function() { ???return this.domManip( arguments, function( elem ) { ???????if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { ???????????var target = manipulationTarget( this, elem );//会在后面实现 ???????????target.appendChild( elem ); ???????} ???});}

manipulationTarget()的实现:

function manipulationTarget( elem, content ) { ???return jQuery.nodeName( elem, "table" ) && ???jQuery.nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ? ???elem.getElementsByTagName("tbody")[0] ||elem.appendChild( elem.ownerDocument.createElement("tbody") ) :elem; ???}

  查看上面的manipulation()实现,要注意三目运算符?:的优先级低于运算符&&的优先级,所以manipulationTarget()返回该elem或者返回tbody及其innerHtml;

至于jQuery的nodeName方法就得自己去网页上查看。

jQuery源码解析----内部插入的外部函数

原文地址:https://www.cnblogs.com/abab301/p/8993883.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved