Question

我是jQuery的新手，正在使用Ubuntu 11.4上的Netbeans 7.3为FF开发一些练习代码。我从使用以下html调用的文本“Hello world”的h1元素开始。

<h1>Hello World</h1>

然后我尝试将测试更改为“再见世界”，当我使用以下jQuery代码单击“Hello world”时。

var $j = jQuery.noConflict();
$j( document ).ready( function() {
    $j("h1").click(function( event ) {   
        $("h1").html("Good bye world");
    });    
});

但是，当我点击h1“Hello world”文本时，它会保持“Hello world”。这是改变文本的错误代码吗？

Answer 1

试试这个：

$(function() {  
    $('h1').click(function() {  
        $(this).text('Goodbye, world');
    });
});

这是jsFiddle demo。

正如评论中指出的那样，你们也混淆了你的jQuery引用。你的代码应该是：

var $j = jQuery.noConflict();
$j( document ).ready( function() {
    $j("h1").click(function( event ) {   
        $j("h1").html("Good bye world");
    });    
});

Answer 2

使用此

$(this).text('Goodbye, world');

如果你想附加使用

$(this).append('your text');

Answer 3

你错过了一个jquery引用 -

正确的代码应该是 -

<script type="text/javascript">
    var $j = jQuery.noConflict();
        $j( document ).ready( function() {
            $j("h1").click(function( event ) {   
                $j("h1").html("Good bye world");
            });    
        });
</script>

在您的代码中，有一行是 - $("h1").html("Good bye world");

应该是 -

$j("h1").html("Good bye world");

使用jQuery更改元素的文本

3 个答案: