jQuery 常见属性操作方法 ******

最新推荐文章于 2023-01-04 15:09:22 发布

weixin_30685029

最新推荐文章于 2023-01-04 15:09:22 发布

阅读量122

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dh2608/p/6030453.html

本文介绍如何使用jQuery中的toggleClass()方法来为所选元素添加或删除CSS类，实现样式的动态切换。通过一个简单的例子展示了如何在点击按钮时使段落元素的字体大小和颜色发生变化。

1. toggleClass()

对设置或移除被选元素的一个或多个类进行切换。

个人理解：对所选元素做一个css样式更改。

eg：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").toggleClass("main");
});
});
</script>
<style type="text/css">
.main
{
font-size:120%;
color:red;
}
</style>
</head>

<body>
<h1 id="h1">This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">切换段落的 "main" 类</button>
</body>
</html>

转载于:https://www.cnblogs.com/dh2608/p/6030453.html