为什么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

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

Answer 2

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

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