最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

使用JS實(shí)現(xiàn)jQuery的addClass, removeClass, hasClass函數(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 是否為空, 如果不為空在前面加個'空格'.
    added = obj_class + blank + cls;//組合原來的 class 和需要添加的 class.
    obj.className = added;//替換原來的 class.
}
 
function removeClass(obj, cls){
    var obj_class = ' '+obj.className+' ';//獲取 class 內(nèi)容, 并在首尾各加一個空格. ex) 'abc        bcd' -> ' abc        bcd '
    obj_class = obj_class.replace(/(\s+)/gi, ' '),//將多余的空字符替換成一個空格. 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)文章

  • JavaScript字符和ASCII實(shí)現(xiàn)互相轉(zhuǎn)換

    JavaScript字符和ASCII實(shí)現(xiàn)互相轉(zhuǎn)換

    這篇文章主要介紹了JavaScript字符和ASCII實(shí)現(xiàn)互相轉(zhuǎn)換,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-06-06
  • 各瀏覽器對document.getElementById等方法的實(shí)現(xiàn)差異解析

    各瀏覽器對document.getElementById等方法的實(shí)現(xiàn)差異解析

    這篇文章主要是對各瀏覽器對document.getElementById等方法的實(shí)現(xiàn)差異進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • 使用JavaScript獲取URL中的參數(shù)(兩種方法)

    使用JavaScript獲取URL中的參數(shù)(兩種方法)

    這篇文章主要介紹了使用JavaScript獲取URL中的參數(shù)(兩種方法)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-11-11
  • JavaScript生成指定范圍的時間列表

    JavaScript生成指定范圍的時間列表

    這篇文章主要介紹了JavaScript生成指定范圍的時間列表思路詳解,需要的朋友可以參考下
    2018-03-03
  • 通過一次報錯詳細(xì)談?wù)凱oint事件

    通過一次報錯詳細(xì)談?wù)凱oint事件

    這篇文章主要給大家介紹了關(guān)于如何通過一次報錯詳細(xì)談?wù)凱oint事件的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-05-05
  • js鍵盤事件的keyCode

    js鍵盤事件的keyCode

    本節(jié)主要介紹了js鍵盤事件的keyCode,在你按下鍵時會彈出它的鍵碼,需要的朋友可以參考下
    2014-07-07
  • JavaScript?算法實(shí)現(xiàn)復(fù)寫0雙指針解法

    JavaScript?算法實(shí)現(xiàn)復(fù)寫0雙指針解法

    這篇文章主要為大家介紹了JavaScript?算法?復(fù)寫0雙指針解法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-11-11
  • TypeScript判斷對象類型的4種方式代碼

    TypeScript判斷對象類型的4種方式代碼

    這篇文章主要給大家介紹了關(guān)于TypeScript判斷對象類型的4種方式代碼,TypeScript能根據(jù)一些簡單的規(guī)則推斷(檢查)變量的類型,你可以通過實(shí)踐很快的了解它們,需要的朋友可以參考下
    2023-07-07
  • 基于JavaScript實(shí)現(xiàn)多級菜單效果

    基于JavaScript實(shí)現(xiàn)多級菜單效果

    這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)多級菜單效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • 小程序云函數(shù)調(diào)用API接口的方法

    小程序云函數(shù)調(diào)用API接口的方法

    這篇文章主要為大家詳細(xì)介紹了小程序云函數(shù)調(diào)用API接口的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-05-05

最新評論

横山县| 隆化县| 盖州市| 离岛区| 白山市| 彩票| 明溪县| 革吉县| 西贡区| 革吉县| 海原县| 读书| 桂东县| 桐庐县| 武夷山市| 乌什县| 都兰县| 浦县| 湖南省| 遂昌县| 株洲县| 瑞丽市| 香港| 攀枝花市| 香河县| 全州县| 刚察县| 河西区| 定襄县| 扬州市| 延寿县| 会宁县| 芮城县| 瓦房店市| 达尔| 汝南县| 长春市| 沈阳市| 晋城| 武定县| 梁平县|