为什么attr方法在这种情况下不起作用？

Question

我试图让这个输入清除它的值，当我点击它时，但我没有得到任何结果。

的HTML：

<input id='input' type="text" name="phppostvar" value="clear this"></input> 

jQuery的/ JavaScript的：

$('#input').click(function(){ 

    var value = $('#input').attr('value'); 

    if (value === "clear this") { 
     $('#input').attr('value',''); 
    } 

}); 

Answer 1

我只想用placeholder属性，或者一个非常简单的JS解决方案：

document.getElementById("input").onfocus = function() { 
    this.value = this.value == "clear this" ? "" : this.value; 
} 

Answer 2

$('#input').click(function(){ 
if ($(this).val() === "clear this") { 
    $(this).val(''); 
} 
});