麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 擴展 > jQuery > 正文

JQuery教程:簡化JQuery

2024-09-06 20:04:34
字體:
來源:轉載
供稿:網友
這是以前整理的一些代碼,與jqer分享,希望對大家能有些幫助。

話說功能愈發強大的jquery體積也不再小巧,55k(minified)的大小雖然不能說很大,但如果用在一些小型項目或網站上,也不算小,那么我們何不根據自己項目特點,簡化或改寫jquery呢,follow me!

首先是jquery的核心代碼:
代碼:
//不完全一致,但實現手段大致如此
(function(){
  window._$ = window.$;
  var $ = window.$ = function(s) {
    return new $.fn.init(s);
  };
  $.fn = $.prototype = {
    init: function(s) {
      if(!s) return this;
      if (s.nodetype) {
        this.e = [];
        this.e.push(s);  //存儲獲取到的elements      
        return this;
      }
      if (typeof s == “string”) {
        return $().find(s);
      }
      return this;
    },
    find: function(s) {
      //根據傳入的string,查找dom
    }
  };
  // extend擴展方法
  $.fn.extend = function(p) {
    for(var key in p) {
      if(!$.fn[key]) {
        $.fn[key] = p[key];
      }
    }
  };
  $.fn.init.prototype = $.fn;
})();
$().extend({
  “a”: function(s){},
  “b”: function(s){}
});
再附上我簡化的版本
代碼:
// by cnwander
(function(){
window._$ = window.$;
var eleexpr =  /([#/.a-za-z])([^/s]+)/g;
var $ = window.$ = function(s) {
     return new $.fn.init(s);
};
$.fn = $.prototype = {
  init: function(s) {
   this.e = null;
   if(!s) return this;
   if (s.nodetype) {
    this.e = [];
    this.e.push(s);
    return this;
   }
   if (typeof s == “string”) {
    return $().find(s);
   }
   else
    return this;
  },
  find: function(s) {
   var wrap = this.e || [document];
   var result = [];
   for(var key in wrap) {
    var target = wrap[key];
    while(eleexpr.test(s)) {
     var first = regexp.$1,
      content = regexp.$2;
     target = $().clean(target,content,first);
    }
    if(target == null)
     result = null;
    else
     for(var i = 0; i < target.length; i++)
      result.push(target[i]);
   }
   this.e = result;
   return this;   
  },
  clean: function(wrap,content,type){
   if(!wrap) return null;
   wrap = wrap instanceof array ? wrap : [wrap];
   var result = new array();
   for(var key in wrap) {
    var temp;
    switch(type) {
    case “#”:
     temp = wrap[key].getelementbyid(content);
     break;
    case “.”:
     temp = $().getelemsbyclassname(content,wrap[key]);
     break;
    default:
     temp = wrap[key].getelementsbytagname(type+content);
    }
    if(temp) {
     temp = temp.length ? temp : [temp];
     for (var i = 0; i < temp.length; i++)
      if(temp[i].nodetype) result.push(temp[i]);
    }
   }
   result = result.length <= 0 ? null : result;
   return result;
  },
  getelemsbyclassname: function(classname,elem,tag) {
   tag = tag || “*”;
   elem = elem || document;
   elem = elem instanceof array ? elem : [elem];
   var result = new array();
   for(var key in elem) {
    var allelems = elem[key].getelementsbytagname(tag) || elem[key].all;
    var oelem;
    for(var i=0; i<allelems.length; i++){
     oelem = allelems[i];
     var list = oelem.classname.split(” “);
     for(var j=0; j<list.length; j++){
      if(list[j] == classname) result.push(oelem);
     }      
    }
   }
   return result.length <= 0 ? null : result;
  }
};
$.fn.extend = function(p) {
  for(var key in p) {
   if(!$.fn[key]) {
    $.fn[key] = p[key];
   }
  }
};
$.fn.init.prototype = $.fn;
})();
$.ajax = function(url,poststr,lastfunc,errfunc) {
var ajax = false;
if(window.xmlhttprequest) {
  ajax = new xmlhttprequest();
  if (ajax.overridemimetype) {
   ajax.overridemimetype(”text/xml”);
  }
}
else if (window.activexobject) {
  try {
   ajax = new activexobject(”msxml2.xmlhttp”);
  }
  catch (e) {
   try {
      ajax = new activexobject(”microsoft.xmlhttp”);
    }
   catch (e) {
   }
  }
}
if (!ajax) {
  if(errfunc) errfunc();
  return false;
}
ajax.open(”post”, url, true);
ajax.setrequestheader(”content-type”,”application/x-www-form-urlencoded”);
ajax.send(poststr);
ajax.onreadystatechange = function() {
  if (ajax.readystate == 4 && ajax.status == 200) {
   if(lastfunc) lastfunc(ajax.responsetext);
  }
}  
}
$().extend({
”html”: function(val){
  return val == undefined ?
  (this.e[0] ?
   this.e[0].innerhtml :
   null) :
  this.e[0].innerhtml = val;
},
”empty”: function() {
  for(var i in this.e) {
   var o = this.e[i];
   o.innerhtml = ”;
  }
  return this;
},
”css”: function() {
  if(!this.e || arguments.length <= 0) return this;
  if(arguments.length == 1 && typeof arguments[0] == “string”) {
   arguments[0] = arguments[0].tolowercase();
   return this.e[0].currentstyle ?
   this.e[0].currentstyle[arguments[0]] :
   window.getcomputedstyle (this.e[0], “”).getpropertyvalue(arguments[0].replace(/([a-z])/g, “-$1′));
  }
  else if(arguments.length >= 2) {
   for (var i in this.e)
   this.e[i].style[arguments[0]] = arguments[1];
  }
},
”hasclass”: function(name) {
  if(!this.e) return this;
  var allclass =  this.e[0].classname.split(” “);
  for (var key in allclass)
  if(allclass[key] == name) return true;
  return false;
},
”addclass”: function(name){
  if(this.e)
   for (var i in this.e)
    if(this.e[i].nodetype == 1)
     this.e[i].classname += ” “+name;
  return this;
},
”removeclass”: function(name){
  if(this.e)
   for (var i in this.e) {
    var temp = [],
     allclass =  this.e[i].classname.split(” “);
    for(var j = 0, k = 0; j < allclass.length; j++) {
     if(allclass[j] != name) {
      temp[k++] = allclass[j]
     }
    }
    allclass = temp.join(” “);
    this.e[i].classname = allclass;
   }
  return this;
},
”mousedown”: function(callback){
  if(!this.e) return this;
  for(var key in this.e) {
   this.e[key].onmousedown = callback;
   return this;
  }
},
”mouseover”: function(callback){if(!this.e) return this;for(var key in this.e) {this.e[key].onmouseover = callback} return this},
”mouseout”: function(callback){if(!this.e) return this;for(var key in this.e) {this.e[key].onmouseout = callback}return this}
});
才疏學淺,錯誤之處,敬請指正。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 久久久久久麻豆 | 一级黄色影片在线观看 | 一级网站片 | 一级毛片在线视频 | 精品一区二区三区毛片 | 欧美扩阴视频 | 亚洲国产综合在线观看 | av手机免费在线观看 | 桥本有菜免费av一区二区三区 | 一级成人欧美一区在线观看 | av噜噜在线| 欧美日韩亚洲不卡 | 娇妻被各种姿势c到高潮小说 | 欧美a级大胆视频 | 成人18在线| 久久久久久中文字幕 | 欧美黑人一级 | 九九看片 | 欧美jizzhd极品欧美 | 久久久久亚洲a | 国产精品美女一区二区 | 国产理论视频在线观看 | 在线观看中文字幕国产 | 最新亚洲视频 | 激情免费视频 | 欧美成人鲁丝片在线观看 | 99激情| 精品亚洲一 | 牛牛热这里只有精品 | 国产一区二区三区在线免费观看 | 成人免费一区二区三区在线观看 | 免费久久久 | 亚洲成人激情av | 久久精品一区二区三区国产主播 | 在线视频观看一区二区 | 免费日本一区二区 | 99国产精品国产免费观看 | 国产妞干网 | 大学生a级毛片免费视频 | 亚洲成人激情av | 久久精品国产99久久久古代 |