jQuery使用addClass()方法给元素添加多个class样式

2024-05-06 16:17:41

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了jQuery使用addClass()方法给元素添加多个class样式的方法,实例分析了addClass方法的使用技巧及添加多个样式的实现方法,需要的朋友可以参考下

本文实例讲述了jQuery使用addClass()方法给元素添加多个class样式的方法。分享给大家供大家参考。具体如下：

jQuery通过addClass()方法给元素添加多个class，只需要在添加的class中用空格分开多个class既可

<!DOCTYPE html>

<html>

<head>

<script src="js/jquery.min.js">

</script>

<script>

$(document).ready(function(){

$("button").click(function(){

$("#div1").addClass("important blue");

});

});

</script>

<style type="text/css">

.important

{

font-weight:bold;

font-size:xx-large;

}

.blue

{

color:blue;

}

</style>

</head>

<body>

<div id="div1">This is some text.</div>

<div id="div2">This is some text.</div>

<br>

<button>Add classes to first div element</button>

</body>

</html>