指定された入力対象のぼかし関数

Question

私の関数は必要に応じて機能します。特定の入力から関数を削除する方法はありますか？それはすべての入力を変更するので..私は2つのチェックボックスと私はこの機能を持っていない必要がある入力があります。 $('input')はすべて<input>要素、callbackでthisを選択します

$('input').blur(function(){ 
    $('input').parent().removeClass("gray"); 
}) 
    .focus(function() {  
     $(this).parent().addClass("gray") 
}); 

Answer 1

てみてください、そして

以下のようにコードを更新し、3つの入力にclassを追加あなたはこの機能を望まないです

$('input').not(".class").blur(function() { 
    $(this).parent().removeClass("gray"); 
    }) 
    .focus(function() { 
    $(this).parent().addClass("gray") 
    }); 

これはあなたが元気になるのを助けますd。

Answer 2

使用thisコンテキストは、eventが呼び出される要素を開催します！あなたがonblur機能を望んでいない入力およびチェックボックスにクラスを追加する

$('input').blur(function() { 
 
    $(this).parent().removeClass("gray"); 
 
    }) 
 
    .focus(function() { 
 
    $(this).parent().addClass("gray") 
 
    });

.gray { 
 
    background: gray; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div> 
 
    <input type="text"> 
 
</div> 
 
<div> 
 
    <input type="text"> 
 
</div>

Answer 3

3つの入力にIDがある場合は、このコードスニペットを使用できます。

$('input').blur(function(){ 
    $(this).parent().removeClass("gray"); 
}) 
.focus(function() {  
    $(this).parent().not("#id1, #id2, #id3").addClass("gray") 
}); 

セレクタと一致しない入力にクラスを追加します。