Javascript 如何平滑地更改元素的值？

这是我的密码：

$'按钮'。单击'按钮'，函数{ $'div.html'一些新东西！

'.fadeIn1000； }; div{ 边框：1px纯色灰色； 文本对齐：居中； } 某物

---

更改div的值您可以添加。更改html前隐藏：

$'按钮'。单击'按钮'，函数{ $'.d'.hide.html'一些新东西！

'.fadeIn1000； }; div{ 边框：1px纯色灰色； 文本对齐：居中； } 某物

---

更改div的值您可以添加。更改html前隐藏：

$'按钮'。单击'按钮'，函数{ $'.d'.hide.html'一些新东西！

'.fadeIn1000； }; div{ 边框：1px纯色灰色； 文本对齐：居中； } 某物

---

更改div的值在淡入前将其隐藏：

$('div').hide().html('<p>something new!</p>').fadeIn(1000);

---

在淡入之前将其隐藏：

$('div').hide().html('<p>something new!</p>').fadeIn(1000);

像这样的

$'按钮'。单击'按钮'，函数{ var replacingDiv=$'div.replace'； $replacingDiv.fadeout 500； setTimeoutfunction{ $replacingDiv.html'changed'.fadeIn1000； }, 500; }; div{ 边框：1px纯色灰色； 文本对齐：居中； } 某物 像这样更改div的值吗

$'按钮'。单击'按钮'，函数{ var replacingDiv=$'div.replace'； $replacingDiv.fadeout 500； setTimeoutfunction{ $replacingDiv.html'changed'.fadeIn1000； }, 500; }; div{ 边框：1px纯色灰色； 文本对齐：居中； } 某物

---

更改div的值哇。。！把我的问题弄得一团糟之后，我感到困惑。为什么点击按钮后会顺利创建一个新的分离元素？！古怪的哇！把我的问题弄得一团糟之后，我感到困惑。为什么点击按钮后会顺利创建一个新的分离元素？！古怪的