多的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();