通过 jQuery，对 CSS 元素进行操作。

刘剑涛哒哒哒

于 2017-07-26 11:05:00 发布

阅读量156

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_39402742/article/details/76130995

本文介绍了一个简单的HTML页面，该页面使用jQuery实现了一个按钮点击事件。当按钮被点击时，将为页面上的`h1`、`h2`和`p`元素添加蓝色字体颜色的类，并为`div`元素添加加粗且特大号字体的类。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("h1,h2,p").addClass("blue");
    $("div").addClass("important");
  });
});
</script>
<style type="text/css">
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
</style>
</head>
<body>

<h1>社会主义核心价值观</h1>
<h2>中国梦</h2>
<p>富强民主文明和谐</p>
<p>爱国敬业诚信友善</p>
<div>自由平等公正法治</div>
<br>
<button>向元素添加类</button>

</body>
</html>