原生js封裝的一些jquery方法(詳解)

更新時(shí)間：2016年09月20日 12:52:44 投稿：jingxian

下面小編就為大家?guī)?lái)一篇原生js封裝的一些jquery方法(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

用js封裝一些常用的jquery方法記錄一下

hasClass：判斷是否有class

function hasClass(ele, cls) {
　　if (!ele || !cls) return false;
　　if (ele.classList) {
　　　　return ele.classList.contains(cls);
　　} else {
　　　　return ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
　　}
}

addClass：增加class

function addClass(ele, cls) {
　　if (ele.classList) {
　　　　ele.classList.add(cls);
　　} else {
　　　　if (!hasClass(ele, cls)) ele.className += '' + cls;
　　}
}

removeClass：移除class

function removeClass(ele, cls) {
　　if (ele.classList) {
　　　　ele.classList.remove(cls);
　　} else {
　　　　ele.className = ele.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
　　}
}

以上就是小編為大家?guī)?lái)的原生js封裝的一些jquery方法(詳解)的全部?jī)?nèi)容了，希望對(duì)大家有所幫助，多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

javascript的switch用法注意事項(xiàng)分析
這篇文章主要介紹了javascript的switch用法注意事項(xiàng),實(shí)例分析了switch語(yǔ)句進(jìn)行判定的原理與使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
JavaScript操作Oracle數(shù)據(jù)庫(kù)示例
這篇文章主要介紹了JavaScript操作Oracle數(shù)據(jù)庫(kù)示例,本文使用ActiveXObject實(shí)現(xiàn)訪問(wèn)Oracle數(shù)據(jù)庫(kù),需要的朋友可以參考下
2015-03-03
詳解如何替換項(xiàng)目中的if-else和switch
這篇文章主要為大家介紹了詳解如何替換項(xiàng)目中的if-else和switch，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-11-11
Web表單提交之disabled問(wèn)題js解決方法
這篇文章主要介紹了Web表單提交之disabled問(wèn)題js解決方法,分析了通過(guò)js解決保存值也能保留用戶不能輸入的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-01-01
javascript 數(shù)組排序與對(duì)象排序的實(shí)例
這篇文章主要介紹了javascript 數(shù)組排序與對(duì)象排序的實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-07-07
JavaScript運(yùn)動(dòng)框架多值運(yùn)動(dòng)(四)
這篇文章主要為大家詳細(xì)介紹了JavaScript運(yùn)動(dòng)框架第四部分，多值運(yùn)動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
js如何判斷訪問(wèn)是來(lái)自搜索引擎(蜘蛛人)還是直接訪問(wèn)
這篇文章主要介紹了js如何判斷訪問(wèn)是來(lái)自搜索引擎(蜘蛛人)還是直接訪問(wèn),需要的朋友可以參考下
2015-09-09
JS正則表達(dá)式判斷有效數(shù)實(shí)例代碼
這篇文章主要介紹了JS正則表達(dá)式判斷有效數(shù)實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-03-03
js中獲取jsp表單中radio類型的值簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js中獲取jsp表單中radio類型的值簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
uni-app使用uniCloud實(shí)現(xiàn)圖形驗(yàn)證碼(uni-captcha)詳細(xì)過(guò)程
這篇文章主要給大家介紹了關(guān)于uni-app使用uniCloud實(shí)現(xiàn)圖形驗(yàn)證碼(uni-captcha)的相關(guān)資料,實(shí)際開(kāi)發(fā)工作中在登陸的時(shí)候經(jīng)常需要圖形驗(yàn)證碼,需要的朋友可以參考下
2023-07-07