更改的背景颜色部分
我正在尝试使用 jQuery 在按下按钮时更改
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");}
);
谢谢。
I'm trying to use jQuery to change the background color of a <div> section when pressing on a button, and below is the code to do that. Why isn't it working?
HTML file
<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");}
);
Thanks.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您有几个问题：
$("#bgcolor")标记。background-color动画。HTML：
JS：
您的代码，已修复（包括使用 jQueryUI）： http://jsfiddle.net/andrewwhitaker/ rAVj9/
You have several problems:
$("#bgcolor")</div>tag.background-color.HTML:
JS:
Your code, fixed (and working with jQueryUI included): http://jsfiddle.net/andrewwhitaker/rAVj9/
来自 jQuery 网站：
使用 jquery UI 包设置颜色动画。
From the jQuery website:
Use jquery UI package to animate colors.
确保将 CSS 选择器包含在您希望定位的 jQuery 中。
应该是：
因为你的目标是一个ID。
Ensure you include the CSS selector inside the jQuery that you wish to target.
Should be:
Because you are targeting an ID.