JQuery22( JQ原理 Clone）

克隆需要看我上篇博客 JQuery21 事件的构成才能理解深克隆的方法

深克隆比浅克隆能复制事件

浅复制可以使用原生JS CloneNode（true）就可以了返回值做一个集合 return 浅复制结束

那么深复制就比较麻烦深复制就是需要遍历出事件属性里的事件对象中的function 循环注册

到这里位置原理结束明天开始进行ajax 加油了

代码

  clone:function(str){var res=[];if(str){//深赋值this.each(function(key,ele){//原声的克隆 没有事件var temp =  ele.cloneNode(true);// 增加事件 eventSelector  这个事件 需要看我上一个博客是自定义的属性//遍历出对象 array里面是function$.each(ele.eventSelector,function(eventName,array){$.each(array,function(i,v){// 给克隆的元素的注册事件 真是一环套一环的精彩$(temp).on(eventName,v);})// temp[i]=v;})res.push(temp);})return $(res);}else{//浅复制this.each(function(key,ele){//原声的克隆 没有事件var temp =  ele.cloneNode(true);res.push(temp);})return $(res);}}

JQuery22( JQ原理 Clone）相关推荐

JQuery18(JQ原理 DOM元素 appendTo append prepend prependTo InsertBefore Before JReplaceAll）
最近工作比较多 Jq 原理也做到操作DOM阶段 JS还是不熟悉理解的比较多所以才更新出博客然后自己写了基本这个几个DOM 实现了一个剩下的基本就很快都是一套流程注释和分解都写在代码 ...
jq的ajax和模块引擎
之前我们写ajax都是用原生js写的,但这样写有时候就显得有点繁琐,其实我们也可以用jq来写,这样更简单,但jq写法跟原生的有点不一样,他可以分为单个类型,和一个总的: 第一种是$.get: 第二种是 ...
jQuery原理第五天
addClass <!--* @Author: 码小余* @Date: 2020-06-27 08:23:36* @LastEditTime: 2020-06-27 08:26:43* @Fil ...
一、Git介绍、以及原理
1.Git是什么? Git是一个分布式版本控制的系统.想要了解具体功能先来看看以下几个应用场景. 1.小王现在要开发一款Web应用,他坐在电脑前狂敲四个小时代码,正要结束去吃饭的时候,啪的一下电脑就蓝 ...
关于jq工具安装shell脚本
关于jq工具安装shell脚本需要clone的源码: jq onig(若系统没有该库时使用) onig #!/bin/sh CWD=`pwd` if [ ! -d $CWD/jq/ ] ;theng ...
jQ的事件和DOM操作笔记分享
jQ的事件和DOM操作 1.jQ中的事件 1.1JS的基本事件事件:理解为一种触发器何时触发常见的事件:点击事件.双击事件.鼠标悬浮事件.鼠标移除事件.获取焦点事件.失去焦点事件-- JS:DO ...
jq选择器常用方法总结 data数据存储
dom选择器$符号起步参数形式如css即可进一步选择元素相关方法: .get() 在你选取的标签之中获取指定的那个索引选取或者属性选取并且该元素是原生dom 数组形式,故无法实现链式调用 . ...
前端非框架类知识点汇总
html单词库 <link rel="stylesheet" href="css文件路径">css引入<iframe src="da ...
2021-10-15 - js
JavaScript 介绍概念 js: 是基于对象和事件驱动的解释性的脚本语言; 特点 \1. 基于对象: 一切皆对象, js可以使用自己创建的对象 \2. 事件驱动: 都是由事件来进行响应的 \3 ...
【JQuery】知识点总结
JQuery 基础介绍介绍: jQuery 是一个高效.精简并且功能丰富的 JavaScript 工具库.它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作.事件处理.动 ...

JQuery22( JQ原理 Clone）

JQuery22( JQ原理 Clone）相关推荐

最新文章

热门文章