JavaScript 和 jQuery 如何更改 class 的样式
<!DOCTYPEhtml><htmllang="cmn-Hans"><head><metacharset="UTF-8"><title>Document</title>...
<!DOCTYPE html>
<html lang="cmn-Hans">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<header class="claheader posabs">
<nav class="claheader clanav disflex"></nav>
</header>
<footer class="clafooter disblock">
<ul class="clafooter claul padz">
<li class="pasde"></li>
</ul>
</footer>
</body>
</html>
如以上页面包含了 claheader, posabs, clanav, disflex, clafooter, disblock, claul, padz, pasde,共九个 class。
问:如何使用 JavaScript 和 jQuery 更改某个(如:claheader)或多个(如:claheader disblock)的样式(如:添加 diaplay: block;更改 background-color: blue;) 展开
<html lang="cmn-Hans">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<header class="claheader posabs">
<nav class="claheader clanav disflex"></nav>
</header>
<footer class="clafooter disblock">
<ul class="clafooter claul padz">
<li class="pasde"></li>
</ul>
</footer>
</body>
</html>
如以上页面包含了 claheader, posabs, clanav, disflex, clafooter, disblock, claul, padz, pasde,共九个 class。
问:如何使用 JavaScript 和 jQuery 更改某个(如:claheader)或多个(如:claheader disblock)的样式(如:添加 diaplay: block;更改 background-color: blue;) 展开
1个回答
展开全部
不能直接更改css class的内容。
可以更改:
1、元素的style属性:
$("p").css({ color: "#ff0011", background: "blue" });// 设置所有p元素的背景与字体
2、元素的class属性:可以对元素增删class属性值
$("p").addClass("cls1 cls2");// 添加class
$("p").removeClass("cls1"); // 移除class
更多追问追答
追问
别误导他人
追答
哪里误导了?明说下,jquery就是这样用那个的啊
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询