jQuery 删除焦点上的文本

Question

我一直在尝试在文本输入中设置默认值，然后使用 jQuery，当您“焦点”文本框时，它会使文本变为黑色(默认为浅灰色)，并删除默认值。我想您知道我在说什么，那么您知道如何实现这一点吗？

Answer 1

<input class="txtClass" type="text" defaultVal="Enter your Name" />
<input class="txtClass" type="text" defaultVal="Enter your Designation" />

javascript

$('body').ready(function(){
  $('.txtClass').each( function () {
    $(this).val($(this).attr('defaultVal'));
    $(this).css({color:'grey'});
      });

  $('.txtClass').focus(function(){
    if ( $(this).val() == $(this).attr('defaultVal') ){
      $(this).val('');
      $(this).css({color:'black'});
    }
    });
  $('.txtClass').blur(function(){
    if ( $(this).val() == '' ){
      $(this).val($(this).attr('defaultVal'));
      $(this).css({color:'grey'});
    }
    });
});

参见工作示例: http://jsbin.com/ovida3
http://jsbin.com/ovida3/2