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

使用JS實(shí)現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能

 更新時(shí)間:2014年10月31日 10:35:12   投稿:hebedich  
這篇文章主要介紹了使用JS實(shí)現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能,需要的朋友可以參考下

廢話不多說,直接上代碼

復(fù)制代碼 代碼如下:

function addClass(obj, cls){
    var obj_class = obj.className,//獲取 class 內(nèi)容.
    blank = (obj_class != '') ? ' ' : '';//判斷獲取到的 class 是否為空, 如果不為空在前面加個(gè)'空格'.
    added = obj_class + blank + cls;//組合原來的 class 和需要添加的 class.
    obj.className = added;//替換原來的 class.
}
 
function removeClass(obj, cls){
    var obj_class = ' '+obj.className+' ';//獲取 class 內(nèi)容, 并在首尾各加一個(gè)空格. ex) 'abc        bcd' -> ' abc        bcd '
    obj_class = obj_class.replace(/(\s+)/gi, ' '),//將多余的空字符替換成一個(gè)空格. ex) ' abc        bcd ' -> ' abc bcd '
    removed = obj_class.replace(' '+cls+' ', ' ');//在原來的 class 替換掉首尾加了空格的 class. ex) ' abc bcd ' -> 'bcd '
    removed = removed.replace(/(^\s+)|(\s+$)/g, '');//去掉首尾空格. ex) 'bcd ' -> 'bcd'
    obj.className = removed;//替換原來的 class.
}
 
function hasClass(obj, cls){
    var obj_class = obj.className,//獲取 class 內(nèi)容.
    obj_class_lst = obj_class.split(/\s+/);//通過split空字符將cls轉(zhuǎn)換成數(shù)組.
    x = 0;
    for(x in obj_class_lst) {
        if(obj_class_lst[x] == cls) {//循環(huán)數(shù)組, 判斷是否包含cls
            return true;
        }
    }
    return false;
}

相關(guān)文章

  • MATLAB中ismissing函數(shù)用法小結(jié)

    MATLAB中ismissing函數(shù)用法小結(jié)

    這篇文章主要介紹了MATLAB中ismissing函數(shù)用法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-09-09
  • canvas實(shí)現(xiàn)流星雨的背景效果

    canvas實(shí)現(xiàn)流星雨的背景效果

    本文主要介紹了canvas實(shí)現(xiàn)流星雨的背景效果的示例代碼。具有一定的參考價(jià)值,下面跟著小編一起來看下吧
    2017-01-01
  • Array.prototype.slice 使用擴(kuò)展

    Array.prototype.slice 使用擴(kuò)展

    slice 可以用來獲取數(shù)組片段,它返回新數(shù)組,不會(huì)修改原數(shù)組。
    2010-06-06
  • 微信小程序模板和模塊化用法實(shí)例分析

    微信小程序模板和模塊化用法實(shí)例分析

    這篇文章主要介紹了微信小程序模板和模塊化用法,結(jié)合實(shí)例形式分析了微信小程序中的模板與模塊化概念與簡單使用技巧,需要的朋友可以參考下
    2017-11-11
  • 用apply讓javascript函數(shù)僅執(zhí)行一次的代碼

    用apply讓javascript函數(shù)僅執(zhí)行一次的代碼

    有時(shí)候我們只想要讓某些腳步函數(shù)執(zhí)行一次就算完成任務(wù)了。如何實(shí)現(xiàn)這種功能呢?簡單模仿下面這段就可以輕松搞定了
    2010-06-06
  • JavaScript實(shí)現(xiàn)五種不同煙花特效

    JavaScript實(shí)現(xiàn)五種不同煙花特效

    這篇文章主要給大家?guī)砦鍌€(gè)好看的基于 HTML+CSS+JS 的煙花特效,文中的示例代碼講解詳細(xì),對(duì)我們學(xué)習(xí)JavaScript有一定的幫助,需要的可以參考一下
    2022-01-01
  • 微信小程序使用藍(lán)牙小插件

    微信小程序使用藍(lán)牙小插件

    這篇文章主要為大家詳細(xì)介紹了微信小程序使用藍(lán)牙小插件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-09-09
  • tree?shaking功能及使用原理詳細(xì)解析

    tree?shaking功能及使用原理詳細(xì)解析

    這篇文章主要為大家介紹了tree?shaking功能及使用原理詳細(xì)解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪的相關(guān)資料
    2023-01-01
  • JS實(shí)現(xiàn)隨機(jī)抽取三人

    JS實(shí)現(xiàn)隨機(jī)抽取三人

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)隨機(jī)抽取三人,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-11-11
  • JavaScript動(dòng)態(tài)生成表格的示例

    JavaScript動(dòng)態(tài)生成表格的示例

    這篇文章主要介紹了JavaScript動(dòng)態(tài)生成表格的示例,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下
    2020-11-11

最新評(píng)論