Jquery, как изменить текстовое значение div с эффектом

Question

Я могу изменить внутри div с помощью следующего кода

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

Теперь, если возможно, я хочу добавить эффект вроде show (delay) или что-то другое.Как я могу сделать это при изменении данных внутри div.Спасибо

Answer 1

Небольшой простой пример использования эффекта затухания.

HTML

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

JS

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

Fiddleна: http://jsfiddle.net/uxhE2/

Answer 2

В основном вам нужно chaining использовать различные методы jquery. Например. это был бы простой эффект скрытия и показа.

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

Если вы предпочитаете какой-то эффект сокрытия, основанный на времени, вам нужно определить свой эффект «показа» внутри callback, как показано на PeeHaa. В противном случае эффекты не будут помещены в очередь, и эффект показа начнется до того, как закончится скрытие.

Answer 3

Потому что вы говорите любой эффект насчет:

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

Answer 4

Вы можете добавить элемент динамически, и содержимое исчезнет в

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

Вот пример: http://jsfiddle.net/MqhdG/