欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

原生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)文章

  • JS實(shí)現(xiàn)動(dòng)態(tài)給圖片添加邊框的方法

    JS實(shí)現(xiàn)動(dòng)態(tài)給圖片添加邊框的方法

    這篇文章主要介紹了JS實(shí)現(xiàn)動(dòng)態(tài)給圖片添加邊框的方法,涉及javascript操作圖片border的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-04-04
  • 基于bootstrap的文件上傳控件bootstrap fileinput

    基于bootstrap的文件上傳控件bootstrap fileinput

    這篇文章主要為大家詳細(xì)介紹了基于bootstrap的文件上傳控件bootstrap fileinput,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • JavaScript訪問(wèn)樣式表代碼

    JavaScript訪問(wèn)樣式表代碼

    在web頁(yè)面中,我們經(jīng)常需要通過(guò)修改樣式(style)來(lái)達(dá)到更好的用戶體驗(yàn),需要的朋友可以參考下。
    2010-10-10
  • JavaScript實(shí)現(xiàn)復(fù)選框全選或全取消操作

    JavaScript實(shí)現(xiàn)復(fù)選框全選或全取消操作

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)復(fù)選框全選或全取消操作,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 關(guān)于JavaScript的with 語(yǔ)句的使用方法

    關(guān)于JavaScript的with 語(yǔ)句的使用方法

    JavaScript 有個(gè) with 關(guān)鍵字, with 語(yǔ)句的原本用意是為逐級(jí)的對(duì)象訪問(wèn)提供命名空間式的速寫(xiě)方式. 也就是在指定的代碼區(qū)域, 直接通過(guò)節(jié)點(diǎn)名稱調(diào)用對(duì)象
    2011-05-05
  • JavaScript常用工具函數(shù)大全

    JavaScript常用工具函數(shù)大全

    這篇文章主要介紹了JavaScript常用工具函數(shù),匯總整理了各種JavaScript常用工具函數(shù),包括獲取、判斷、轉(zhuǎn)換、設(shè)置等相關(guān)功能函數(shù)的定義與使用方法,需要的朋友可以參考下
    2020-05-05
  • 前端URL拼接路徑參數(shù)具體實(shí)現(xiàn)代碼

    前端URL拼接路徑參數(shù)具體實(shí)現(xiàn)代碼

    這篇文章主要給大家介紹了關(guān)于前端URL拼接路徑參數(shù)具體實(shí)現(xiàn)的相關(guān)資料,url地址拼接是經(jīng)常會(huì)遇到的問(wèn)題,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-12-12
  • Vue3基于countUp.js實(shí)現(xiàn)數(shù)字滾動(dòng)的插件

    Vue3基于countUp.js實(shí)現(xiàn)數(shù)字滾動(dòng)的插件

    本文主要介紹了Vue3基于countUp.js實(shí)現(xiàn)數(shù)字滾動(dòng)的插件,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2023-04-04
  • HTML+CSS+JavaScript創(chuàng)建一個(gè)簡(jiǎn)單的井字游戲

    HTML+CSS+JavaScript創(chuàng)建一個(gè)簡(jiǎn)單的井字游戲

    使用javascript創(chuàng)建游戲是最有趣的學(xué)習(xí)方式。它會(huì)讓你保持動(dòng)力,這對(duì)于學(xué)習(xí)?Web?開(kāi)發(fā)等復(fù)雜技能至關(guān)重要。本文將使用HTML、CSS和?Javascript創(chuàng)建一個(gè)井字游戲。感興趣的童鞋可以關(guān)注一下
    2021-11-11
  • js簡(jiǎn)易版購(gòu)物車(chē)功能

    js簡(jiǎn)易版購(gòu)物車(chē)功能

    這篇文章主要為大家分享了js簡(jiǎn)易版的購(gòu)物車(chē),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-06-06

最新評(píng)論