Javascript 使用jquery刷新div

我想刷新一个div。它应该有来自服务器的新信息。所有其他答案都假设您已经从$.ajax请求中获得了新数据，并告诉您将该数据加载到div中，将其隐藏，然后再次显示，如下所示：

$("#panel").hide().html(data).fadeIn('fast');

我知道，我知道，我可能应该用Ajax获取数据。但是现在，我只想刷新div，而不刷新页面，也不向div中添加新的HTML。这可能吗

我只想刷新div，而不刷新页面。。。这可能吗

是的，不过除非您更改div的内容，否则它的作用并不明显

如果您只需要图形淡入效果，只需删除

.html（数据）

调用：

$("#panel").hide().fadeIn('fast');

这是一个你可以随意使用的演示：

它更改div的内容，而不向服务器发出ajax调用，也不刷新页面。不过，内容是硬编码的。如果不与服务器联系，您就无法解决这个问题：ajax、某种子页面请求或某种页面刷新

html:

css:

---

我尝试了第一种解决方案，但最终用户可以很容易地确定div正在刷新，因为它是fadeIn（），而没有淡入。我尝试了。toggle（）。toggle（），它工作得很好。 你可以这样试试

---

$（“#面板”）.toggle（）.toggle（）刷新div而不添加新的html有什么意义？我假设您在div中有原始内容，这些内容会发生变化，需要放回div中？只需在div元素上使用.empty（）将其清空，甚至使用.html（“”）@gillesc，这不会将新的html放入div中吗？您的意思是，您希望在div中获得刷新的视觉效果吗？您已经做对了。我将发起一项请愿书来终止这个“foo-bar-foobar”时代：）@RokoC.Buljan：因为我们都知道互联网抗议有多有效，特别是在改变文化模因方面：）
<div id="panel">test data</div>
<input id="changePanel" value="Change Panel" type="button">​

$("#changePanel").click(function() {
    var data = "foobar";
    $("#panel").hide().html(data).fadeIn('fast');
});​

div {
    padding: 1em;
    background-color: #00c000;
}

input {
    padding: .25em 1em;
}​