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