Javascript toggleClass问题的jQuery持续时间_Javascript_Jquery_Html_Css

Javascript toggleClass问题的jQuery持续时间

javascript jquery html css

Javascript toggleClass问题的jQuery持续时间,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图在1秒内改变div元素的样式类，并取得一些效果。这是我的密码。当我执行这个示例时，样式立即切换，没有效果和超时。我做错了什么 <html> <head> <script type="text/javascript" src="jquery-1.6.2.js"></script> <script type="text/javascript"> $().ready(function() { $("#changeStyle").cli

我试图在1秒内改变div元素的样式类，并取得一些效果。这是我的密码。当我执行这个示例时，样式立即切换，没有效果和超时。我做错了什么

<html>
<head>
<script type="text/javascript" src="jquery-1.6.2.js"></script> 
<script type="text/javascript">
$().ready(function() {
$("#changeStyle").click(function() {
$("#divka").toggleClass("a1","slow");
return false;
});
});
</script>
<link rel="stylesheet" href="style.css" type="text/css"/>


</head>
<body>
<div id="divka"></div>
<input type="button" id="changeStyle" value="change style"/>
</body>



.a1 {
border: 1px solid black;
background-color:#eee;
width:200px;
height:400px;
}


$（）.ready（函数（））{
$（“#更改样式”）。单击（函数（）{
$（“#divka”）。切换类别（“a1”、“慢速”）；
返回false；
});
});
.a1{
边框：1px纯黑；
背景色：#eee；
宽度：200px；
高度：400px；
}

toggleClass与“慢”无关——就像参数一样——这对使用动画的方法有效

检查.

toggleClass与“慢”无关，就像参数一样-这对使用动画的方法有效

检查。

该功能不能以这种方式工作。您正在寻找的行为是通过jQuery UI函数完成的。

该函数不是这样工作的。您正在寻找的行为是通过jQuery UI函数完成的。

您可以使用或作为odf jQuery UI的一部分：

$("#divka").addClass("a1",500);

您可以使用或作为odf jquery UI的一部分：

$("#divka").addClass("a1",500);

toggleClass不设置样式属性的动画，您必须使用JQuery的animate方法

$("#divka").animate({
borderWidth: "1px",
borderColor: "#000",
borderStyle: "solid",
backgroundColor:"#eee",
width:"200px",
height:"400px",
}, 500);

toggleClass不设置样式属性的动画，您必须使用JQuery的animate方法

$("#divka").animate({
borderWidth: "1px",
borderColor: "#000",
borderStyle: "solid",
backgroundColor:"#eee",
width:"200px",
height:"400px",
}, 500);

好啊谢谢但是如果css不是那么微不足道，那又是什么呢？这是唯一的方法吗？是的，这是为任何dom元素的多个样式设置动画的唯一方法。确定。谢谢但是如果css不是那么微不足道，那又是什么呢？这是唯一的方法吗？是的，这是为任何dom元素的多种样式设置动画的唯一方法。