//demo.js ?調(diào)用

window.onload = function () {
? ? // $().getClass("a").css("color","red");//舊方法
? /* ?$("#box").css("color", "red").click(function(){
? ? ? ? alert($(this).html())
? ? });*/
? ? //$(".a").css("color","green")
? ?// $("p").find(".a").css("color","blue");
? ? $("div").find("span").css("color","red")
? // $("div").find(".a").css("color","red");
? ? //$("div").find("#bb").css("color","red")


//$(".a").css("color","red")
};

//Base.js

var $=function(args)//調(diào)用,把this傳遞過來
{
? ? return new Base(args);


};
//對象式
function Base(args)
{
? ? //創(chuàng)建一個數(shù)組來獲取節(jié)點和節(jié)點的數(shù)組
? ? this.elements=[];//私有化，不共用
? ? if(typeof args=="string")//$(".a").css("color","green")這樣調(diào)用執(zhí)行這里
? ? {
? ? ? switch (args.charAt(0))
? ? ? {
? ? ? ? ? case "#":
? ? ? ? ? ? ? this.elements.push(this.getId(args.substring(1)));
? ? ? ? ? ? ? break;
? ? ? ? ? case ".":
? ? ? ? ? ? ? this.elements=this.getClass(args.substring(1));//getClassreturn的是數(shù)組所以直接賦值
? ? ? ? ? ? ? break;
? ? ? ? ? default :
? ? ? ? ? ? ? this.elements = this.getTagName(args);//getClassreturn的是數(shù)組所以直接賦值
? ? ? }
? ? }
? ? else if(typeof ?args=="object") // $().getClass("a").css("color","red");這樣調(diào)用就執(zhí)行這里
? ? {
? ? ? ? if(args!=undefined)//這里的_this是一個對象，undefined也是個對象，卻別typeof放回的帶單引號的 “undefined”
? ? ? ? {
? ? ? ? ? ? this.elements[0]=args; //把this放到數(shù)組的第一個
? ? ? ? }
? ? }


}
//設(shè)置css選擇子節(jié)點
Base.prototype.find=function(str)
{
? ? var childElements=[];//臨時數(shù)組避免和base.element[]沖突
? ? for(var i=0;i ? ? {
? ? ? ? switch (str.charAt(0))
? ? ? ? {
? ? ? ? ? ? case "#":
? ? ? ? ? ? ? ? childElements.push(this.getId(str.substring(1)));
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case ".":
? ? ? ? ? ? ? /* ?var all=this.elements[i].getElementsByTagName("*");
? ? ? ? ? ? ? ? for(var j=0;j ? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? if(all[j].className==str.substring(1))
? ? ? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? ? ? childElements.push(all[j]);
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }*/
? ? ? ? ? ? ? ? var temps = this.getClass(str.substring(1), this.elements[i]);
? ? ? ? ? ? ? ? for (var j = 0; j ? ? ? ? ? ? ? ? ? ? childElements.push(temps[j]);
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? default :
? ? ? ? ? ? ? ? var tags=this.elements[i].getElementsByTagName(str);
? ? ? ? ? ? ? ? for(var j=0;j ? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? childElements.push(tags[j]);
? ? ? ? ? ? ? ? }
? ? ? ? }
? ? }
? ? this.elements=childElements;
? ? return this;
};


//獲取ID節(jié)點
Base.prototype.getId = function (id) {
? ? //返回ID節(jié)點的本身對象
? ? return document.getElementById(id);
};
//獲取元素節(jié)點數(shù)組
Base.prototype.getTagName = function (tag, parentNode) {
? ? var node = null;
? ? var temps = [];
? ? if (parentNode != undefined) {
? ? ? ? node = parentNode;
? ? } else {
? ? ? ? node = document;
? ? }
? ? var tags = node.getElementsByTagName(tag);
? ? for (var i = 0; i ? ? ? ? temps.push(tags[i]);
? ? }
? ? return temps;
};
//class獲取
Base.prototype.getClass=function(className,parentNode)
{
? ? var node=null;
? ? var temps=[];//臨時數(shù)組避免和base.element[]沖突
? ? if(parentNode!=undefined)
? ? {
? ? ? ? node=parentNode;
? ? }
? ? else
? ? {
? ? ? ? node=document;
? ? }
? ? var all=node.getElementsByTagName("*");
? ? for(var i=0;i ? ? {
? ? ? ? if(all[i].className==className)
? ? ? ? {
? ? ? ? ? ? temps.push(all[i]);//給臨時數(shù)組添加
? ? ? ? }
? ? }
? ? return temps; ?//返回臨時數(shù)組
};
//獲取某個節(jié)點,并且返回Base對象
Base.prototype.eq=function(num)
{
? ? var element=this.elements[num];
? ? this.elements=[];//清空數(shù)組
? ? this.elements[0]=element;//重新賦值
? ? return this; ?//返回如jq的eq（）一樣的東西
};


//獲取某個節(jié)點,并且放回這個節(jié)點的對象
Base.prototype.get=function(num)//
{
? ?return this.elements[num];//返回如jq的get（）一樣的東西
};
//設(shè)置CSS
Base.prototype.css = function (attr, value) {
? ? for (var i = 0; i ? ? ? ? if (arguments.length == 1) {
? ? ? ? ? ? return getStyle(this.elements[i], attr);//為什么這里需要return呢
? ? ? ? }
? ? ? ? this.elements[i].style[attr] = value;
? ? }
? ? return this;
};
Base.prototype.click=function(fn)
{
? ? for(var i=0;i ? ? {
? ? ? ? this.elements[i].onclick=fn;
? ? }
? ? return this;
};
//設(shè)置innerHtml 獲取innerHTML
Base.prototype.html=function(value)
{


? ? for(var i=0;i ? ? {
? ? ? ? if(arguments.length==0)
? ? ? ? {
? ? ? ? ? ? return this.elements[i].innerHTML;
? ? ? ? }
? ? ? ? else
? ? ? ? {
? ? ? ? ? ? this.elements[i].innerHTML=value;
? ? ? ? }


? ? }
? ? return this;
};
//添加class
Base.prototype.addClass=function(className)
{
? ? for(var i=0;i ? ? {
? ? ? ? if(!hasClass(this.elements[i],className))//判斷是否已經(jīng)有這個class
? ? ? ? {
? ? ? ? ? ? this.elements[i].className+=' '+className;
? ? ? ? }
? ? }
? ? return this;
};
//移出class
Base.prototype.removeClass=function(className) //調(diào)用方法$().getClass("dd").addClass("a").addClass("b").removeClass("b");
{
? ? for(var i=0;i ? ? {
? ? ? ? if(hasClass(this.elements[i],className))//判斷是否已經(jīng)有這個class
? ? ? ? {
? ? ? ? ? ? this.elements[i].className=this.elements[i].className.replace(new RegExp('(\\s|^)'+className+'(\\s|$)'),'');
? ? ? ? }
? ? }
? ? return this;
};
//添加link或style的css規(guī)則,不常用
Base.prototype.addRule=function(num,selectorText,cssText,position) //調(diào)用方法， $().addRule(0,"body","background:red",0)
{
? ? var sheet=document.styleSheets[num];
? ? if(typeof sheet.insertRule!="undefined")//w3c
? ? {
? ? ? ? sheet.insertRule(selectorText+"{"+cssText+"}",position);
? ? }
? ? else if(typeof ?sheet.addRule!="undefined")//iE
? ? {
? ? ? ? sheet.addRule(selectorText,cssText,position);//sheet.addRule("body","background:red",)
? ? }
};
//移除link或style的css規(guī)則,不常用
Base.prototype.addRule=function(num,index) //調(diào)用方法， ?$().removeRule(0);
{
? ? var sheet=document.styleSheets[num];
? ? if(typeof sheet.deleteRule!="undefined")//w3c
? ? {
? ? ? ? sheet.deleteRule(index);
? ? }
? ? else if(typeof ?sheet.removeRule!="undefined")//iE
? ? {
? ? ? ? sheet.removeRule(index);//sheet.addRule("body","background:red",)
? ? }
};
//設(shè)置hover方法
Base.prototype.hover=function(over,out)
{
? ? for(var i=0;i ? ? {
? ? ? // ?this.elements[i].onmouseover=over;
? ? ? ?// this.elements[i].onmouseout=out;
? ? ? ? addEvent(this.elements[i],"mouseover",over);
? ? ? ? addEvent(this.elements[i],"mouseout",out)
? ? }
? ? return this;
};
//添加show
Base.prototype.show=function()
{
? ? for(var i=0;i ? ? {
? ? ? ? this.elements[i].style.display="block"


? ? }
? ? return this;
};
//添加hide
Base.prototype.hide=function()
{
? ? for(var i=0;i ? ? {
? ? ? ? this.elements[i].style.display="none"


? ? }
? ? return this;
};
//設(shè)置物體居中
Base.prototype.center=function(width,height)
{
? ? var top=(getInner().height-width)/2;
? ? var left=(getInner().width-height)/2;
? ? for(var i=0;i ? ? {
? ? ? ? this.elements[i].style.top=top+"px";
? ? ? ? this.elements[i].style.left=left+"px";
? ? }
? ? return this;
};
//觸發(fā)瀏覽器窗口事件
Base.prototype.resize = function (fn) {
? ? for(var i=0;i ? ? {
? ? ? ? var element=this.elements[i];
? ? ? ?/* window.onresize=function()
? ? ? ? {
? ? ? ? ? ? fn();
? ? ? ? ? ? if (element.offsetLeft > getInner().width - element.offsetWidth) {
? ? ? ? ? ? ? ? element.style.left = getInner().width - element.offsetWidth + 'px';
? ? ? ? ? ? }
? ? ? ? ? ? if (element.offsetTop > getInner().height - element.offsetHeight) {
? ? ? ? ? ? ? ? element.style.top = getInner().height - element.offsetHeight + 'px';
? ? ? ? ? ? }
? ? ? ? }*/
? ? ? ? addEvent(window,"resize",function()
? ? ? ? {
? ? ? ? ? ? fn();
? ? ? ? ? ? if (element.offsetLeft > getInner().width - element.offsetWidth) {
? ? ? ? ? ? ? ? element.style.left = getInner().width - element.offsetWidth + 'px';
? ? ? ? ? ? }
? ? ? ? ? ? if (element.offsetTop > getInner().height - element.offsetHeight) {
? ? ? ? ? ? ? ? element.style.top = getInner().height - element.offsetHeight + 'px';
? ? ? ? ? ? }
? ? ? ? })
? ? }
? ? return this;
};
//鎖屏功能
Base.prototype.lock=function()
{
? ? for(var i=0;i ? ? {
? ? ? ? this.elements[i].style.width=getInner().width+"px";
? ? ? ? this.elements[i].style.height=getInner().height+"px";
? ? ? ? this.elements[i].style.display="block";
? ? ? ? document.documentElement.style.overflow = 'hidden';
? ? ? ? addEvent(window,"scroll",scrollTop);
? ? }


? ? return this;
};
function scrollTop(){
? ? document.documentElement.scrollTop=0;// IE W3C
? ? document.body.scrollTop=0;//火狐
}
Base.prototype.unlock=function()
{
? ? for(var i=0;i ? ? {
? ? ? ? this.elements[i].style.display="none";
? ? ? ? document.documentElement.style.overflow = 'auto';
? ? ? ? removeEvent(window,"scroll",scrollTop);
? ? }


? ? return this;
};
//插件入口
Base.prototype.extend=function(name,fn)
{
? ? Base.prototype[name]=fn;
};


$().extend("bbb",function(){
? ?alert("123")
});