events - Blur() イベントが機能しない

Question

これは私のjQueryコードです:

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

そして私のHTMLスニペット：

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

しかし、それは機能しません、誰かが理由を知っていますか?

Answer 1

.val()代わりに試す.text()

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

Answer 2

text()入力タイプで使用していますtext which is not defined for input type=text。使用する必要がありますval()

ライブデモ

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

ID がある場合は、名前セレクターで要素を取得するよりも効率的に id を使用できます。

ライブデモ

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

Answer 3

.text()入力タイプのテキスト使用のような方法はありません.val()

これらの変更はあなたを助けます

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

また

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

ドキュメントはこちら