Jquery 从文本输入字段中删除内容

这是我开始的代码。问题是，在用户从文本输入中调出焦点后，我想重置文本输入。我的意思是，无论用户输入哪个字段，我都想删除它

$(function(){
        var field = $('#searchField');
        field.focusin(function(){
            console.log('element is focused.'); 
            field.animate({width: '100px'});
        });

        field.focusout(function(){
            console.log('element is not focused.');
            field.animate({width: '50px'});
            field.value = ''; // this is not working.
        });
    });

html代码：

<p><input id="searchField" type="text" width="50px"/></p>

您试图将javascript

DOM

对象的

value

属性与jQuery对象一起使用。您需要使用jQuery来获取jQuery对象的值，或者将jQuery对象转换为DOM对象以使用

值

field.value = ''

到

或

---

您正试图将javascript

DOM

对象的

value

属性与jQuery对象一起使用。您需要使用jQuery来获取jQuery对象的值，或者将jQuery对象转换为DOM对象以使用

值

field.value = ''

到

或

试试这个

field.val('');

而不是

field.value = ''

试试这个

field.val('');

而不是

field.value = ''

这很简单：

$(function(){
    var field = $('#searchField');
    field.focusin(function(){
        console.log('element is focused.'); 
        $(this).animate({width: '100px'});
    });

    field.focusout(function(){
        console.log('element is not focused.');
        $(this).animate({width: '50px'});
        $(this).val(''); // This should work
    });
});

这很简单：

$(function(){
    var field = $('#searchField');
    field.focusin(function(){
        console.log('element is focused.'); 
        $(this).animate({width: '100px'});
    });

    field.focusout(function(){
        console.log('element is not focused.');
        $(this).animate({width: '50px'});
        $(this).val(''); // This should work
    });
});