javaScript的学习笔记....针对class的操作

最新推荐文章于 2023-06-01 19:03:31 发布
最新推荐文章于 2023-06-01 19:03:31 发布
阅读量131 收藏
点赞数
分类专栏： # 初级基础&笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45240616/article/details/106063287
版权

视频：https://b23.tv/BV1YW411T7GX/p137
元素.style.样式，当修改多个样式的时候性能比较差；
在这里插入图片描述

解决方案：
使用：元素.className = ‘已经定义好的css的样式’；
在这里插入图片描述
定义addClass函数
在这里插入图片描述

定义hasClass函数；

在这里插入图片描述

完善addClass函数；

在这里插入图片描述

定义removeClass函数；
在这里插入图片描述

定义toggleClass函数；切换class
在这里插入图片描述

李振恒
关注
专栏目录
用多个class选择元素
weixin_30418341的博客
12-17 119
用多个class选择元素 注意下面两个的区别：$(".role-developer.role-designer").css("color","red");$(".role-developer .role-designer").css("background","#ff0"); <!doctype html> <...
Javascript对于一堆相同的class的元素保持监听（原生实现和jQuery实现）
docwangsir的博客
03-14 1788
之前利用jQuery的时候感觉很简单，没啥坎坷。注意这里面this的利用就能解决很多问题。 $(document).ready(function(){ $(".te").click(function(){ $("h2").html(this.text+"1"); $.post('NewFile.jsp',{ name:this.text, password:$("#pas...
源生javascript 添加getElementByClass方法
weixin_33928137的博客
06-28 559
直接上代码： document.getElementByClass = function(n) { var el = [], _el = document.getElementsByTagName('*'); for (var i=0; i<_el.length; i++ ) { ...
JavaScript对Html元素的Class操作 - className、classList、Attribute
LaoYe的博客
02-27 8789
目录 【1】DOM对象 className属性对类的操作 【2】DOM对象 classList属性对类的操作 -添加add( String [, String] ) -删除remove( String [,String]) -查询contains( String ) ...
JavaScript给元素添加class属性
热门推荐
浪里个小胖子
04-27 5万+
注意：element.classList.remove()、element.classList.add() — ie9及以下不兼容 // 移除div的class属性 obj.classList.remove('active'); // 添加class属性值 // 方式一 obj.className += 'new active'; // 方式二 // obj.className =...
vue.js 学习笔记
qq_45192089的博客
04-05 8495
vue.js基础
Node.js学习笔记
抗争小青年的博客
06-09 3947
在这一个月的学习中，又对文章进行了一次修改。在这段时间里我把一些没有意义的内容删除，又添加了我之间没有学习到的知识点，并尽量把说明放在前，案例放在后，方便大家一起学习。篇幅较长，建议大家收藏后分块阅读。...
D3.js 基础学习笔记
最新发布
985小菜鸡
06-01 3941
D3 stands for Data-Driven Documents. D3.js 是一个用于根据数据操作文档的 JavaScript 库。D3.js 是一个在大量网站中使用的动态、交互式、在线数据可视化框架。
javascript.info 学习笔记
njq774327136的博客
02-12 1618
https://hackernoon.com/es6-for-beginners-f98120b57414https://hackernoon.com/es6-for-beginners-part-2-ee8a77f7f4c7 https://javascript.info/promise-basics Let and Const Arrow functions Default parameters for of loop Spread attributes Maps Sets St.
2023年Javascript学习笔记.docx
11-05
1. **CSS选择器的大小写敏感性**：在CSS中，类名（class）是大小写敏感的，`Class="box"` 和 `.Box{}` 是两个不同的选择器，因此在编写CSS时，必须保持大小写的准确性。 2. **剃刀文献(.js文件)**：这里的"剃刀文献...
Javascript学习笔记.docx
09-30
2. 闭包：闭包是JavaScript中的一个重要特性，它允许一个函数访问并操作其外部函数的作用域内的变量，即使外部函数已经执行完毕。闭包在内存管理中起到关键作用，防止变量被过早回收，常用于实现模块化和数据私有化...
ES6 学习笔记.pdf
07-05
通过这份学习笔记，我们可以看到ES6作为一个重要的JavaScript版本更新，它所引入的新特性极大推动了JavaScript的发展，使之更加成熟和强大，尤其在异步编程和模块化方面，为前端开发提供了更多现代化的解决方案。
韩顺平《轻松搞定网页设计HTML+CSS+JAVASCRIPT》HTML学习笔记.pdf
10-05
根据韩顺平的《轻松搞定网页设计HTML+CSS+JAVASCRIPT》HTML学习笔记.pdf，我们可以总结出以下HTML基础知识点： 1. HTML基本结构：HTML文档的基本结构包括、、三部分，其中是根元素，用于存放元数据，用于存放页面...
javascript学习笔记讲解版参考.pdf
12-08
JavaScript学习笔记讲解版参考.pdf是一份详尽的教程，涵盖了从基础到进阶的JavaScript知识。这份笔记首先从CSS样式表开始，引导读者理解网页样式的设置与应用。 1. CSS（Cascading Style Sheets）样式表是用于控制...
js的链式操作
李振恒
04-09 489
function Student() {} undefined Student.prototype = { setName: function(name) { this.name = name return this }, setAge: function(age) { this.age = age return this } } var student = new Student() {setName: ƒ,
css li 动画
李振恒
10-16 365
ul { padding: 0; li { color: white; list-style-type: none; font-family: sans-serif; text-transform: uppercase; cursor: pointer; width: 90%; height: 3em; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0.1em; text-align: center; line-height: 3em;
ES6的学习笔记……Symbol和iterator的使用
李振恒
04-21 306
Symbol For in 无法遍历到 iterator Iterator的底层原理 对象没有部署iterator，所以不能用for of遍历
JavaScript的学习笔记....函数，原型prototype，this
李振恒
05-05 273
笔记整理于视频：https://b23.tv/BV1YW411T7GX/p70 函数 main（Fun（））和main（fun）； Fun()和Fun的区别： fun（）为调用函数，相当于使用的函数的返回值， fun为函数对象，相当于直接使用对象。 —立即执行函数 函数定义后，立即执行，立即执行函数只执行一次。 (function(){ alert(“我是一个匿名函数”) })(); —作用域 作...
Prototype.js 开发与应用指南
Prototype是一个流行的JavaScript框架，它扩展了JavaScript的基本功能，特别是增强了DOM操作和Ajax功能，使得JavaScript编程更加简便。 1. Prototype是什么? Prototype是一个开源的JavaScript库，它提供了一系列...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值