gpt4 book ai didi

jquery - 如何正确地将类添加到 div?

转载 作者:太空宇宙 更新时间:2023-11-03 21:43:55 25 4
gpt4 key购买 nike

HTML代码:

<!DOCTYPE html>
<head>
<title>Highlights</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<div id="title" class="highlighted">I'm highlighted!</div>
<div id="text">Highlight me, too!</div>
</body>

CSS 代码:

#text {
background-color: #0B486B;
border-radius: 5px;
text-align: center;
font-family: Vivaldi, Cursive;
color: #FFFFFF;
width: 200px;
height: 25px;
}

.highlighted {
-webkit-box-shadow: 0 0 8px #FFD700;
-moz-box-shadow: 0 0 8px #FFD700;
box-shadow: 0 0 8px #FFD700;
cursor:pointer;
}

jQuery 代码:

 $(document).ready(function() {
$('#text').click(function() {
$(this).addClass('.highlighted');
});
});

我只是不让它工作。我想更改 <div> 的样式突出显示类(class)的 ID 文本我做错了什么?

最佳答案

您不需要在类前加上.前缀,只需使用类名

$(this).addClass('highlighted');                    

关于jquery - 如何正确地将类添加到 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21710624/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com