`

清空dom源码解析

 
阅读更多
jquery中empty()是采用逐个移除子元素实现的
zepto中empty()是采用直接innerHtml=''实现的

一起来看一下:

empty:function(){
        var elem,i=0;
        for(;(elem = this[i]) != null; i++) {
                if(elem.nodeType === 1){
                                             jQuery.cleanData(elem.getElementsByTagName("*"));

                 }
                 while(elem.firstchild){
                              elem.removeChild(elem.firstchild);
                 }
        }
}


empty:function(){
        return  this.each(function(){
                this.innerHtml=''
        })
}
分享到:
评论

相关推荐

    vue 源码解析之虚拟Dom-render

    在Vue的源码解析中,`Vue` 构造函数是整个框架的入口点。当创建一个新的Vue实例时,会调用`Vue.prototype._init`方法,这里包含了初始化一系列的功能,包括`initRender()`。`initRender()`方法负责设置渲染相关的...

    jQuery1.4 api 及 未压缩 js 源码

    三、未压缩JS源码解析 未压缩的jQuery源码是学习jQuery工作原理的好材料。1.4版本的源码中,可以看到函数的封装、事件处理、选择器的实现、DOM操作的底层逻辑等。通过阅读源码,我们可以理解jQuery如何优化DOM操作...

    【JavaScript源代码】vue源码之批量异步更新策略的深入解析.docx

    4. 微任务队列清空后,进行DOM更新 5. 如果还有其他未处理的宏任务,如定时器,那么会在下一次事件循环中继续处理 这种异步批量更新策略显著提高了Vue应用的性能,因为它避免了频繁的DOM操作,减少了浏览器的渲染...

    html 源码 转成 javascript

    1. **DOM解析**:首先,程序需要解析HTML源码,生成一个DOM(Document Object Model)树。DOM是HTML或XML文档的结构化表示,每个HTML元素都对应一个DOM节点。 2. **JavaScript对象创建**:解析出的DOM树需要映射为...

    彭亮主讲jquery之在线客服源码

    【jQuery在线客服源码解析】 在互联网应用中,实时的在线客服系统已经成为提升用户体验和促进商业交流的重要工具。本教程将深入讲解由彭亮主讲的jQuery实现的在线客服源码,帮助开发者理解和掌握如何利用JavaScript...

    Jquery对于Table的操作一些源码

    本篇文章将深入探讨jQuery如何对HTML表格(Table)进行操作,通过源码解析来帮助你理解其背后的实现机制。 一、jQuery选择器与表格元素 jQuery的选择器是其强大功能的一部分,用于定位DOM中的特定元素。对于表格,...

    jquery省市级联demo源码

    本篇将围绕“jQuery省市级联demo源码”进行详细解析,深入理解其背后的实现原理,并探讨如何在实际项目中灵活应用。 首先,我们要明确jQuery库的核心作用:简化JavaScript的DOM操作,提供丰富的插件支持,以及优雅...

    rapidjson-1.1.0.zip C++

    1. 解析(Parsing):RapidJSON提供了两种解析方式,即DOM解析和SAX解析。DOM解析会构建一个完整的JSON对象树,适用于需要频繁查询和修改JSON数据的情况;SAX解析则是一种事件驱动的方式,仅在遇到特定的JSON元素时...

    关于在innerHTML中JS不执行的问题

    这个问题主要涉及到浏览器的安全机制和DOM解析过程。 首先,我们需要理解`innerHTML`的工作原理。当设置一个元素的`innerHTML`时,浏览器会做以下几件事: 1. 清空当前元素的所有子节点。 2. 解析新设置的HTML字符...

    Jquery源码分析

    `append()` 和 `prepend()` 方法用于在元素内部添加内容,而 `remove()` 和 `empty()` 方法则用于删除或清空元素。 3. **链式调用** jQuery 的设计允许方法调用返回自身,这样就可以实现链式调用,如 `$(selector)...

    全国省市县三级联动源码

    全国省市县三级联动源码是一种...总的来说,全国省市县三级联动源码是前端开发中的一个重要组件,它涉及到数据结构设计、事件处理和DOM操作等多个方面的知识。理解和掌握这一技术有助于提高前端开发的效率和用户体验。

    JQ 内容过滤选择器

    四、源码解析 jQuery的源码中,这些过滤选择器通常通过`Sizzle`选择器引擎实现。`Sizzle`是一个高性能的选择器引擎,它使用正则表达式和其他算法来解析和执行选择器。在jQuery源码中,你可以找到这些过滤选择器对应...

    jQuery实现的创意爱心表白动画特效源码.zip

    《jQuery实现的创意爱心表白动画特效源码解析》 在当今网页设计中,动态效果的运用已经成为提升用户体验的重要手段之一。jQuery,作为一个轻量级、高性能的JavaScript库,以其丰富的API和简洁的语法,深受开发者...

    用javascript地址栏显示源码

    #### 示例代码解析 ```javascript javascript:s=document.documentElement.outerHTML;document.write('<body></body>');document.body.innerText=s; ``` 1. **第一步**:`javascript:` 是告诉浏览器这是一个...

    京东自动抢茅台脚本源码

    这可能通过解析HTML结构,使用正则表达式或者DOM操作库(如BeautifulSoup)来实现。此外,脚本可能还需要实时获取库存信息,以便在有货时立即行动。 3. **事件监听与抢购**:为了在商品上架的瞬间进行抢购,脚本...

    jquery权威指南pdf+源码实例

    《jQuery权威指南》是一本深度解析jQuery库的书籍,它为开发者提供了全面、深入的jQuery知识,涵盖了从基本选择器到高级插件开发的各个方面。jQuery是一个广泛应用于Web开发的JavaScript库,它简化了HTML文档遍历、...

    锋利的jQuery实例源码

    《锋利的jQuery实例源码》是一份专为开发者准备的资源,旨在深入解析和实践jQuery库的强大功能。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务,使得JavaScript编程...

    jquery技术

    jQuery源码解析 深入理解jQuery源码,可以帮助我们更好地优化代码和解决问题。例如,jQuery对象的构造函数、选择器引擎Sizzle的工作原理、事件委托的实现等都是值得探究的部分。 ### 5. jQuery与现代前端框架的...

    vc++ 应用源码包_1

    从fnMyDownload开始,程序首先解析输入的url,拆分为地址,路径,文件名等。然后获取文件头,得到文件大小,然后再下载。重点函数是ThreadDownLoad。下载完之后用FileCombine合并文件。Mydownload.cpp底端的...

    vc++ 应用源码包_5

    从fnMyDownload开始,程序首先解析输入的url,拆分为地址,路径,文件名等。然后获取文件头,得到文件大小,然后再下载。重点函数是ThreadDownLoad。下载完之后用FileCombine合并文件。Mydownload.cpp底端的...

Global site tag (gtag.js) - Google Analytics