jQuery给多个不同元素添加class样式的方法_CSS学习

资料来源：网络整理时间：2023/3/4 4:56:05 共计：3583 浏览

jQuery给多个不同元素添加class样式的方法？

jQuery可以通过addClass()方法给多个不同的html元素同时添加相同的class

<!DOCTYPE html>

<html>

<head>

</script>

$(document).ready(function(){

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

$("h1,h2,p").addClass("blue");

$("div").addClass("important");

});

</script>

.important

{

font-weight:bold;

font-size:xx-large;

}

.blue

{

color:blue;

}

</style>

</head>

<body>

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

<div>This is some important text!</div>

<br>

<button>Add classes to elements</button>

</body>

</html>

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。