Question

假设这个简单的HTML

<input autofocus="autofocus"  type="password" id="inputId" name="inputName"/>
<p id="textId"></p>

我想用jQuery做到这一点：

    $(document).ready(function () {
        $('#inputId').keyup(function () {
            $('#textId').text('customText')       
        })
    })

但是我想在.text()函数中添加一个效果，比如＆＃34;过渡＆＃34; css的效果。

我怎么能这样做？

Answer 1

尝试

.hide() p首先是.fadeIn()

$(document).ready(function () {
    $('#inputId').keyup(function () {
        $('#textId').hide().text('customText').fadeIn('fast');
    });
});

Answer 2

试试这个

$(document).ready(function () {
        $('#inputId').keyup(function () {
            $('#textId').hide().text('customText').delay(1000).fadeIn();      
        })
    })

DEMO

Jquery对“出现”文本的影响？

2 个答案: