您的位置:首页 > Web前端 > JQuery

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");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐