这个实时预览jQuery脚本有什么不对？

Question

我在jsfiddle中有这个脚本,虽然我输入它应该显示下面的实时文本.

它是一个简单的脚本,但我似乎没有看到问题是什么,谢谢:))

http://jsfiddle.net/XWsqz/

---

编辑:从链接添加代码.

$(document).ready(function(){
    $('#someTextBox').keyup(function(){
        $('#target').html(this.val());
    });
});

HTML

<textarea id="someTextBox"></textarea>
<div id="target"></div>

Answer 1

应该是,$(this).val()而不是this.val()因为this指向DOM元素而不是具有.val()定义函数的jquery元素:

$('#target').html($(this).val());

Answer 2

正如大家所暗示的那样,$(this).val()将会奏效.但是,在每个按键上创建一个jQuery包装对象的开销并没有多大意义. this.value如果你不需要jQuery的扩展方法,那么这是一个更好的选择:

$(document).ready(function(){
  $('#someTextBox').keyup(function(){
    $('#target').html(this.value);
  });
});