JAVA全系列 教程
3762个小节阅读:7091.4k
目录
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
选择器
DOM操作
CSS操作
事件处理
遍历
动画
给元素添加class,值得注意的是这个方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上
xxxxxxxxxx
$("p").addClass("myClass");
也可以同时添加多个class
xxxxxxxxxx
$("p").addClass("myClass1 myClass2");
移除元素中每个匹配元素上一个,多个或全部样式
通过class名字移除元素
xxxxxxxxxx
$('p').removeClass('myClass yourClass')
移除全部class
xxxxxxxxxx
$('p').removeClass()
配合addClass() 一起使用用来切换元素的样式
xxxxxxxxxx
$('p').removeClass('myClass noClass').addClass('yourClass');
这是一个开关方法,如果class存在则删除,如果class不存在则添加
xxxxxxxxxx
$('#foo').toggleClass(className, addOrRemove);
判断一个元素上是否具有某个class
xxxxxxxxxx
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>gt demo</title>
<script src="./js/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="mydiv" class="foo bar"></div>
<script>
var flag = $('#mydiv').hasClass('foo')
if(flag){
$('#mydiv').html("div具有foo class")
}
</script>
</body>
</html>
实时效果反馈
1. jQuery针对元素class的操作,下列哪个是判断一个元素是否存在的方法:
A addClass()
B removeClass()
C toggleClass()
D hasClass()
答案
1=>D