问一个JQuery语句的写法

Question

有一个name为txtSearch的文本框，这个文本框要这实现在没有焦点时文本框以灰色字体显示“请输入搜索名词”,如果文本框内有输入的内容就不显示，并把文本框内字体颜色显示为黑色。请问以JQuery语言该怎么写？

Answer 1

<input type="text" name="txtSearch" class="defVal" value="请输入搜索名词" def="请输入搜索名词"/>
<script type="text/javascript">
$(function() {
$('input[name="txtSearch"]').mousedown(function() {
if($(this).val() == $(this).attr('def'))$(this).val('');
})
.blur(function() {
if($(this).val() == '') $(this).val($(this).attr('def'));
});
});
</script>

Answer 2

<input type="text" name="txtSearch" class="defVal" value="请输入搜索名词" def="请输入搜索名词"/>
<script type="text/javascript">
$(function() {
$('input[name="txtSearch"]').mousedown(function() {
if($(this).val() == $(this).attr('def'))$(this).val('');
})
.blur(function() {
if($.trim($(this).val()) == '') {
$(this).val($(this).attr('def')).removeClass('newVal').addClass('defVal');
} else {
$(this).removeClass('defVal').addClass('newVal');
}
});
});
</script>