原文:用javascript的classList代替jquery的class操作

javascript的className操作方法比较难受,他获取的是一个连续的字符串 必须要用split拆分开,好多人因此想去用jquery的addClass,removeClass,hasClass等等 classList解决了这个问题,虽然兼容性并不算好。但会更好的,我们先学习一下 HTMLElement都会有classList属性, 主要方法有如下: el.classList.add el. ...

2017-04-05 23:24 0 1250 推荐指数:

查看详情

JavaScript中的classList的使用

动态控制元素的样式   style[样式名] = 值   增删改class的方式 classList下的方法   增加 class — node.classList.add()   删除 class — node.classList.remove()   切换 class ...

Fri Jun 01 03:53:00 CST 2018 0 2513
jQuery添加class操作

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>class操作</title> <style> ...

Thu Apr 16 22:40:00 CST 2020 0 1552
jquery操作class属性

一、增加一个class类 //增加一个bbb的class类,aaa与bbb同时存在 $(".aaa").addClass("bbb"); 二、 删除一个class类 //删除aaa这个class类 $(".aaa").removeClass("aaa"); 三、修改一个 ...

Fri Oct 19 00:59:00 CST 2018 0 26405
jQuery关于class操作

关于对class操作有增、删、改、查另外还会有一个就是选择性添加删除,也就是如果此标签有此class就删除,若没有此class就添加上去 1.addClass() 方法向被选元素添加一个或多个类。还可以为方法传入一个函数(当添加的class已经存在的时候就不会重复添加 ...

Thu Dec 27 19:23:00 CST 2018 0 748
js-classList修改class属性

classList定义与用法 1)classList属性返回元素的类名,作为DOMTokenList对象 2)该属性用于在元素中添加,移除及切换css类 3)classList属性是只读的,但可以用add()和remove()方法修改他。 方法: 1.添加class属性 ...

Wed Nov 01 01:35:00 CST 2017 0 1561
jquery (对内容,元素,属性,class操作

对内容的操作: 捕获:获得内容 text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值。 设置:设置内容 添加新内容: text("新内容") - 设置所选元素的文本内容html("新 ...

Thu Nov 14 21:45:00 CST 2019 0 405
jQuery-DOM操作之属性、class

1、属性操作   1)、attr()--获取和设置属性   2)、removeAttr()--删除属性 2、样式操作 addClass()--增加class attr('class','myclass')--替换class removeClass--移除 ...

Thu May 18 01:01:00 CST 2017 0 1463
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM