Jquery “想要”；“慢效”；何时在两个功能之间切换？

我想在两个函数之间切换时需要慢动画。要理解下面的切换函数。

$("p").toggle(function(){$("p").css({"color": "red"});},
function(){$("p").css({"color": "blue"});
});

---

在这种情况下，我如何将“slow”作为参数？

您可以使用css转换：

<button id='mybutton'>
   Try me!
</button>
<br>
    <br>
<div id='target_div'>

</div

#target_div {
  background-color: #000;
  width: 200px;
  height: 200px;   
  border: 1px solid #000;
  -webkit-transition: background-color 2s; /* Safari */
  transition: background-color 2s;
}

.transition_class {
  background-color: #fff !important;
}

$('#mybutton').click(function() {
  $('#target_div').addClass('transition_class');
});

一个例子：

<button id='mybutton'>
   Try me!
</button>
<br>
    <br>
<div id='target_div'>

</div

#target_div {
  background-color: #000;
  width: 200px;
  height: 200px;   
  border: 1px solid #000;
  -webkit-transition: background-color 2s; /* Safari */
  transition: background-color 2s;
}

.transition_class {
  background-color: #fff !important;
}

$('#mybutton').click(function() {
  $('#target_div').addClass('transition_class');
});

假设你有一个按钮，当你按下它时，你想用一个漂亮的过渡来改变一个DIV的背景色。因此，我们有一个按钮和一个DIV，以防这样做：

jsfiddle:

HTML:

<button id='mybutton'>
   Try me!
</button>
<br>
    <br>
<div id='target_div'>

</div

#target_div {
  background-color: #000;
  width: 200px;
  height: 200px;   
  border: 1px solid #000;
  -webkit-transition: background-color 2s; /* Safari */
  transition: background-color 2s;
}

.transition_class {
  background-color: #fff !important;
}

$('#mybutton').click(function() {
  $('#target_div').addClass('transition_class');
});

Javascript/Jquery:

<button id='mybutton'>
   Try me!
</button>
<br>
    <br>
<div id='target_div'>

</div

#target_div {
  background-color: #000;
  width: 200px;
  height: 200px;   
  border: 1px solid #000;
  -webkit-transition: background-color 2s; /* Safari */
  transition: background-color 2s;
}

.transition_class {
  background-color: #fff !important;
}

$('#mybutton').click(function() {
  $('#target_div').addClass('transition_class');
});

我建议你读一点关于css转换的书，你会喜欢的

---

希望这有帮助

您应该通过添加一些示例代码来改进您的答案。只有链接的答案通常是不被接受的，因为链接可能会随时中断，使你的答案对未来的访问者毫无用处。希望这对你们有帮助！也许看看不支持CSS转换的浏览器，jQuery使用直接javascript和CSS发挥了神奇的作用。JQuery是一种抽象或服务，它提供了一些工具，可以轻松地执行使用直接javascript和css可以执行的操作。我的观点是，对于上述情况，我认为最好使用直接css。