gpt4 book ai didi

jquery - 更改
部分的背景颜色

转载 作者:行者123 更新时间:2023-12-01 06:29:56 29 4
gpt4 key购买 nike

我正在尝试使用jQuery更改 <div> 的背景颜色按下按钮时的部分,下面是执行此操作的代码。为什么不起作用?

HTML 文件

<html>
<head>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
#name{
background-color: #FFFFF2;
width: 100px;
}
</style>
</head>
<body>
<input type="button" id="bgcolor" value="Change color"/>
<div id="name">
Abder-Rahman
</body>

</html>

script.js

$("bgcolor").click(function(){
$("#name").animate(
{backgroundColor: '#8B008B'},
"fast");}
);

谢谢。

最佳答案

您有几个问题:

  1. 您的选择器错误:$("#bgcolor")
  2. 您缺少结束语 </div>标签。
  3. 您需要jQueryUI动画 background-color .

HTML:

<input type="button" id="bgcolor" value="Change color"/>
<div id="name">
Abder-Rahman
</div>

JS:

$("#bgcolor").click(function(){
$("#name").animate(
{backgroundColor: '#8B008B'},
"fast");}
);

您的代码已修复(包括使用 jQueryUI):http://jsfiddle.net/andrewwhitaker/rAVj9/

关于jquery - 更改 <div> 部分的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7622170/

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