jQuery的改變DIV的文本價值與效果

Question

我可以用下面的代碼

$(".mydivclass").html("my data"); 

現在，如果可能的話我想添加像顯示（延遲）或其他東西的效果div中改變。我怎麼能改變裏面的數據。謝謝

Answer 1

一個簡單的例子，使用衰落效應。

HTML

<div id="sometext"> 
    Start text 
</div> 

JS

$("#sometext").fadeOut(function() { 
    $(this).text("change!").fadeIn(); 
}); 

小提琴上：http://jsfiddle.net/uxhE2/

Answer 2

你可以動態地添加的元素，並在

$("<span id='myData'>my data</span>").hide().appendTo(".mydivclass"); 
$("#myData").fadeIn() 

這裏所做的內容淡出是一個例子：http://jsfiddle.net/MqhdG/

Answer 3

因爲你說的任何影響：

$(".mydivclass").slideUp('slow', function() { 
    $(".mydivclass").html('data'); 
    $(".mydivclass").slideDown('slow'); 
}); 

Answer 4

基本上你需要做的是chaining不同的jquery方法。例如。這將是一個簡單的隱藏和顯示效果。

$(".mydivclass").hide().html("my data").show('slow'); 

如果你喜歡一些隱藏效果，這是基於時間，你需要定義一個callback裏面你「秀」的效果，像PeeHaa所示。否則，效果將不會「排隊」，並且在隱藏完成之前將開始顯示效果。