Blur() событие не работает для меня

Question

Это мой код jQuery:

$('input[name="Search"]').blur(function(e) {
    $(this).text('');
});

И мой HTML-фрагмент:

<input name="Search" type="text" id="Search" class="MainMenu" />

Но это не работает, кто-нибудь знает почему?

Answer 1

Ты используешь text() по типу ввода text which is not defined for input type=text, Вам нужно использовать val()

Live Demo

$('input[name="Search"]').blur(function(e) { 
 $(this).val('');
});​

Если у вас есть идентификатор, вы можете использовать идентификатор, так как он будет более эффективным, чем получение элемента с селектором имени.

Live Demo

$('#Search').blur(function(e) { 
    $(this).val('');
});​ 

Answer 2

Пытаться .val() вместо .text()

$('input[name="Search"]').blur(function(e) { 
 $(this).val('');
});​

Answer 3

Нет такого метода, как .text() для ввода текста типа использования .val()

эти изменения помогут вам

$('input[name="Search"]').blur(function(e) {
    $(this).val('');
});

или же

$('#Search').blur(function(e) { 
    $(this).val('');
});​ 

Документация здесь