多的jQuery的功能相同對象

Question

我想同樣的功能，爲2名jQuery的對象上運行：$('input[type="text"]')和$('textarea[type=text]')。我怎樣才能在下面的代碼中結合這兩個？ （目前只包括輸入）。

$('input[type="text"]').focus(function() { 
     if (this.value == this.defaultValue){ 
      this.value = ''; 
     } 
     if(this.value != this.defaultValue){ 
      this.select(); 
     } 
}); 

$('input[type="text"]').blur(function() {  
     if ($.trim(this.value == '')){ 
      this.value = (this.defaultValue ? this.defaultValue : ''); 
     } 
}); 

謝謝！

Answer 1

試試這個：

$('textarea[type="text"], input[type="text"]').focus(...).blur(...); 

同樣你也可以使用jQuery的add功能：

$('textarea[type="text"]').add('input[type="text"]').focus(...).blur(...); 

Answer 2

可能更容易通過把一個類上它和過濾器。

Answer 3

您可以創建一個插件：

jQuery.fn.clearDefValueOnFocus = function() { 
    return this.focus(function(){ 
     if (this.value == this.defaultValue){ 
      this.value = ''; 
     } 
     if(this.value != this.defaultValue){ 
      this.select(); 
     } 
    }).blur(function(){ 
     if (jQuery.trim(this.value) == ''){ 
      this.value = this.defaultValue || ''; 
     } 
    }); 
}; 

$('input[type="text"]').clearDefValueOnFocus(); 
$('textarea[type=text]').clearDefValueOnFocus();