jQuery的before()方法的超简易版,用于个人理解源码以及回调函数
2017-05-11 00:00
405 查看
(function($){ $.fn.extend({ //给jQuery实例添加方法 jqBefore: function(){ return jqDomOperate(this[0],arguments,function(elem){ //第一个参数是jQuery实例集合的第一个元素(DOM),第三个是回调函数 console.log(this); if ( this.parentNode ) { this.parentNode.insertBefore( elem, this ); } }); } }) }(jQuery)) function jqDomOperate(collection,arguments,callback){ //console.log(collection); var fragment = document.createDocumentFragment(); var node = document.createElement("div"); node.innerHTML = arguments[0]; //console.log(node); callback.call(collection,node); //相当于传入参数并执行回调函数! } $("div").jqBefore("我是mike");
相关文章推荐
- Javascript笔记:jQuery源码分析以及从jQuery对象创建的角度理解extend方法的原理
- jQuery源码分析以及从jQuery对象创建的角度理解extend方法的原理
- json字符串和对象转换以及json2.js和jquery.json-2.3.js中对于json的方法定义理解
- jquery源码中ajax方法理解之十五问
- 解析jQuery中extend方法--源码解析以及递归的过程《二》
- jQuery源码分析之offset,position,offsetParent方法以及源码中常见的cssHooks,swap代码
- 用类名做方法的返回值类型 在学习Java的初始阶段,很多同学使用基本数据类型定义变量和引用类型定义变量以及使用类名做方法的返回值类型常常不知所以。今天我以自己的解读方式和个人的理解作一个简单的解释,和
- 深入学习理解jQuery中的extend方法以及JavaScript中对象的复制
- 一个最为简单的jquery 分页实现方法!可以用用于理解js分页的原理。
- mysql 中 character set 与 collation 的点滴理解(collation即比对方法,用于对应字符集的数据集如何排序以及字符串的比对规则)
- 模仿 JQuery的ajax方法$.get,理解js回调函数应用的方式
- 再谈将C++语言源码转成html的方法(vim实现,可用于java,perl,python等等多种语言)
- jQuery.API源码深入剖析以及应用实现(1) - 核心函数篇
- jQuery.API源码深入剖析以及应用实现(4) - 选择器篇(下)
- jQuery.API源码深入剖析以及应用实现(2) - jQuery对象访问和数据缓存
- 用于测试C++/C程序员的基本编程技能、编程质量以及对C++/C的理解程度的一份考卷试题
- jQuery.API源码深入剖析以及应用实现(1) - 核心函数篇
- 软件架构的心得以及个人见解和方法
- 用于测试C++/C程序员的基本编程技能、编程质量以及对C++/C的理解程度的一份考卷试题
- jQuery.API源码深入剖析以及应用实现(4) - 选择器篇(下)