替换掉p标签内的内容后如何让他替换的时候做出特效？

Question

html:<p>我是内容</p>

<button>点击</button>

jq:

$("button").click(function(){
$("p").html("我是改变后的内容");
})

Answer 1

淡入特效

$("p").stop().css('opacity',0).text('嘿嘿嘿').animate({'opacity':'1'},1000);

Answer 2

我随便写了一个，因为很简单，我觉得很适合你。

    <p>aaa</p>
    <p id="p2" style="display:none">bbb</p>
    <button>点击</button>

(function(){
  $("button").click(function(){

    $("p").fadeOut(0);
    $("#p2").fadeIn();
  })
})();

Answer 3

$.animate方法

Answer 4

$("button").click(function(){
    $("p").fadeOut('slow',function(){
        $("p").html("我是改变后的内容");
        $("p").fadeIn('slow');
    });
})