jquery封裝之 css封裝

2021-07-09 21:57:25 字數 1410 閱讀 6297

我之間我的部落格裡面有提到,自定義的庫和jquery庫是水火不相容的,其實在我學習了css封裝後,我算是大徹大悟。

在前面的時候我提到,獲取節點,要用到繁瑣的getid,getclass,gettagname.今天學習了css封裝,

我們也可以簡化js**

**設定

我自己定義的base.js

//前台呼叫

var $ =function(args)

//基礎類

function base(args)

}else if(typeof args=='object')}}

//設定css選擇器子節點

base.prototype.find=function(str)

break;

default:

var temps=this.gettagname(str,this.elements[i]);

for(var j=0;jchildelements.push(temps[j]);}}

}this.elements=childelements;

return this;

}//建立乙個陣列來獲取乙個節點和節點陣列

這是是在類外面定義的,所以要把它放在類裡面進行私有化

base.prototype.getid=function(id);

//獲取元素節點

base.prototype.gettagname=function(tag,parentnode)else

var tags=node.getelementsbytagname(tag);

for(var  i=0;itemps.push(tags[i]);

}return temps;

};//獲取class節點的資訊

base.prototype.getclass=function(classname,parentnode)else

var all=node.getelementsbytagname('*');

for(var i=0;iif(all[i].classname==classname)

}return temps;

}//獲取某乙個節點

base.prototype.getelement=function(num)

index.js

window.οnlοad=function());

$('span').css('color','yellow');

//$('p').find('.a').css('color','red');

};index.html

boxpspan

pspan

pspan

pspan

pspan

pspan

pspan

pspan

pspan

jquery 方法封裝

給jquery 身上設定全域性方法 方法一 jquery.myfunction function str 方法一呼叫 myfunction 直接給jq身上設定全域性方法 方法二 同時新增多方法 jquery.extend myfunction1 function str 方法二呼叫 myfuncti...

相關JQuery函式封裝

在web開發過程中,有些時候任務重,事情多,很多動畫效果大多不會再自己來實現,大部分都會使用自己曾經已經做好的動畫效果。而為了使用起來快捷,大多都會將動畫效果封裝為函式,想要動畫效果時便呼叫該動畫效果的封裝函式,在函式中傳入相關引數就可以。因此,在這裡為大家提供一些函式的封裝。一 獲取dom方法。由...

jQuery封裝的動畫

jquery中的固定動畫 show 相當於display block 可以加引數,引數1 為時間 引數2 為動畫完成 hide 相當於display none 引數1 為時間 引數2 為動畫完成 btn click function 隱藏 btn1 click function 顯示toggle s...