国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

使用JS實現jQuery的addClass, removeClass, hasClass函數功能

2024-05-06 16:10:17
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了使用JS實現jQuery的addClass, removeClass, hasClass函數功能,需要的朋友可以參考下
 
 

廢話不多說,直接上代碼

 

復制代碼代碼如下:

function addClass(obj, cls){
    var obj_class = obj.className,//獲取 class 內容.
    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 內容, 并在首尾各加一個空格. 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 內容.
    obj_class_lst = obj_class.split(//s+/);//通過split空字符將cls轉換成數組.
    x = 0;
    for(x in obj_class_lst) {
        if(obj_class_lst[x] == cls) {//循環數組, 判斷是否包含cls
            return true;
        }
    }
    return false;
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 合作市| 东辽县| 新化县| 渑池县| 增城市| 江达县| 湘阴县| 外汇| 天门市| 封丘县| 黄石市| 泽普县| 蒙阴县| 加查县| 巴马| 七台河市| 杭锦后旗| 马关县| 宁强县| 临海市| 南城县| 通榆县| 潼南县| 苍梧县| 石首市| 桐庐县| 互助| 庄浪县| 苍山县| 泸州市| 游戏| 兴海县| 新竹市| 桓台县| 沐川县| 永川市| 滦平县| 兴仁县| 梁平县| 平邑县| 松原市|