Jquery 文本内容的显示

Question

<span><input  class="SearLog" type="text" value="用户名"/></span>
$username.focus(function(){
$username.val("");
});


$username.blur(function(){
$username.val("用户名");
});

当鼠标位于输入框时 输入框内容为空，当鼠标离开、且没有输入任何内容时，输入框中的内容为“用户名”，当鼠标离开，且有内容输入“[email protected]”时，输入框中的内容为输入的内容,（即“[email protected]”）,
 以上Javascript中代码当鼠标离开时，内容就是“用户名”JavaScript鼠标HTML

Answer 1

$username.blur(function(){
    if($username.val()==""){
        $username.val("用户名");
    }
});

Answer 2

<input  class="SearLog" type="text" value="用户名" onblur="if(this.value===''){value='[email protected]'};" onfocus="if(this.value==='[email protected]'){value='';}">

Answer 3

$username.focus(function(){
if($username.val()=="用户名")
$username.val("");
});
$username.blur(function(){
if($username.val()=="")
$username.val("用户名");
});  

Answer 4

可以来我的博客看下jquery的快速排序那个文章,你有想要的那个效果,用jquery的链式写法比较好点

Answer 5

$username.focus(function(){
        $username.val("");//当鼠标位于输入框时 输入框内容为空，
});//当鼠标离开事件
$username.blur(function(){
且没有输入任何内容时，输入框中的内容为“用户名
    if($username.val()=="") 
        $username.val("用户名");
 //且有内容输入“[email protected]”时 ，  在这里不做处理就可以了。
     }); 
4楼的代码就可以了，我只是加一些注释让你更加明白些。

Answer 6

$username.focus(function(){
        $username.val("");//当鼠标位于输入框时 输入框内容为空，
});//当鼠标离开事件
$username.blur(function(){
且没有输入任何内容时，输入框中的内容为“用户名
    if($username.val()=="") 
        $username.val("用户名");
 //且有内容输入“[email protected]”时 ，  在这里不做处理就可以了。
     }); 
4楼的代码就可以了，我只是加一些注释让你更加明白些。围观大神级注释