jQuery删除文本onfocus

Question

我一直在尝试在文本输入中使用默认值,然后使用jQuery,当您"onfocus"文本框时,它会使文本变为黑色(默认为浅灰色),并删除默认值.我想你知道我在说什么,所以你知道怎么做到这一点吗？

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