jQuery not()，忽略某些命名元素

Question

希望你能帮助我！

我有一个表单，其中有大量的输入。这些输入的初始类为 inputLight，它使用浅灰色文本。我有以下 jQuery 代码，在 focus 上将文本颜色更改为 inputDark，在 blur 上将其更改回来：

$('input').focus(function(){
$(this).attr('class', 'inputDark');})
.blur(function() {$(this).attr('class', 'inputLight');

这绝对有效。我还有以下代码，用于在首次选择输入时删除输入的值。

/* First time only, delete default text*/
$('input').one('focus', function(){
$(this).val('');});

这也有效。我要去哪里？好吧，我有两个 input 按钮，一个用于提交表单，一个用于清除表单 - 但我的问题不在于验证。

当用户单击任一按钮时，它当然会删除其值。并更改文本的颜色。

我不希望这两个按钮发生任何事件，这些按钮名为 Submit Button 和 Clear Button。

我尝试使用：

/* Toggle gray/black text */
$('input').not('input[name=Submit Button]').not('input[name=Clear Button]').focus(function()     {$(this).attr('class', 'inputDark');}).blur(function() {$(this).attr('class', 'inputLight');   });

和：

/* First time only, delete default text*/
$('input').not('input[name=Submit Button]').not('input[name=Clear Button]').one('focus', function(){
$(this).val('');
});

抱歉，那里的标记很糟糕，我知道它看起来一定很糟糕。

有了 .not() 函数，这两个函数都不起作用，但按钮起作用。去掉 .not() 效果就可以了，但是按钮失控了。

有人可以帮我吗？

Answer 1

$('input:text') 不是更有效率吗？

$('input:text').focus(function(){
$(this).attr('class', 'inputDark');})
.blur(function() {$(this).attr('class', 'inputLight');

/* First time only, delete default text*/
$('input:text').one('focus', function(){
$(this).val('');});