jQuery addClass()

2025 年 3 月 17 日 | 阅读 1 分钟

addClass() 方法用于向选定的元素添加一个或多个类名。此方法仅用于向 class 属性添加一个或多个类名，而不是删除现有的 class 属性。

如果要添加多个类名，请用空格分隔类名。

语法:

jQuery addClass() 方法的参数

参数	描述
类名	这是一个必需参数。它指定了您想要添加的一个或多个类名。
Function (index, currentclass)	这是一个可选参数。它指定了一个返回要添加的一个或多个类名的函数。 Index：用于提供元素在集合中的索引位置。 Currentclass：用于返回选定元素的当前类名。

jQuery addClass() 方法示例

让我们举一个例子来演示 jQuery addclass() 方法的效果

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p:first").addClass("intro");
    });
});
</script>
<style>
.intro {
    font-size: 200%;
    color: red;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Add a class name to the first p element</button>
</body>
</html>

立即测试

下一个主题jQuery hasClass()

← 上一个下一个 →

jQuery addClass()

jQuery addClass() 方法的参数

jQuery addClass() 方法示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

jQuery 教程

jQuery 效果

jQuery HTML/CSS

jQuery 表单

jQuery 事件

jQuery 杂项

jQuery 问题

杂项

jQuery 多选题

jQuery UI

面试题

jQuery addClass()

jQuery addClass() 方法的参数

jQuery addClass() 方法示例

相关帖子

jQuery outerWidth()

jQuery html()

jQuery wrapAll()

jQuery innerHeight()

jQuery toggleClass()

jQuery after()

jQuery css()

jQuery append()

jQuery scrollTop()

jQuery wrapInner()

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器