Jquery排除选择器?

时间:2010-06-08 21:10:26

标签: jquery

我有一张我清楚关注的表格。我选择了整个表单,但是当我点击它时,提交按钮变为空白,效果很好。

如何从以下代码中排除我对输入#input的输入?

    $(".wpcf7-form input, .wpcf7-form textarea").focus(function() {
 if( this.value == this.defaultValue ) {
  this.value = "";
  $(this).addClass('filled');
 }
}).blur(function() {
 if( !this.value.length ) {
  this.value = this.defaultValue;
  $(this).removeClass('filled');
 }
});

5 个答案:

答案 0 :(得分:10)

使用 not 选择器排除您想要的内容:

$(".wpcf7-form input:not('#submit_id'), .wpcf7-form textarea").focus(function() {
 // your code......
}

或者

$(".wpcf7-form input:not(input[type=submit]), .wpcf7-form textarea").focus(function() {
 // your code......
}

答案 1 :(得分:7)

使用.not()从您已有的输入组中排除输入按钮(或多个按钮)。

$('input.are.blong.to.us') // give me a bunch of inputs
    .not('#submit')        // exclude input#submit
    .focus( ... )          
    .blur( ... );

答案 2 :(得分:2)

您需要not-equal to选择器:

.wpcf7-form input[id!=submit]

.wpcf7-form input[type!=submit]

答案 3 :(得分:1)

$(".wpcf7-form input:not(#submit), .wpcf7-form textarea")

not

答案 4 :(得分:1)

您可以使用css3-not选择器。

这样的选择器将是:input:not([type=submit])

此处示例:JsFiddle

有关not-selector here的更多信息。