jQuery。各機能のヘルプ

Question

私はここで間違っていたのだろうかと思っていました。最初の関数は、リセットボタンが呼び出されたときに正常に動作しますが、何らかの理由で2番目の関数が何もしていません。フォームはリセットされますが、2番目の警告はポップアップせず、警告クラスは決して削除されません。ご協力いただきありがとうございます！

$('#registration :reset').click(function() { 
    alert("reset was clicked"); 
    $('#registration :text').each(function() { 
     if ($(this).hasclass('warn')) { 
      $(this).removeClass('warn'); 
     } 

     if (!$(this).hasclass('texta')) { 
      $(this).addClass('texta'); 
     } 

     alert("value"); 
    }); 
}); 

Answer 1

..私はあなたが削除すると、彼らがバインドさ国連なっていると思う、ライブ使用する

を試してみてください。 hasclass()メソッドは存在しませんが、hasClass()があります。あなたは書く必要があります：

$('#registration :text').each(function() { 
    if ($(this).hasClass('warn')) { 
     $(this).removeClass('warn'); 
    } 

    if (!$(this).hasClass('texta')) { 
     $(this).addClass('texta'); 
    } 

    alert("value"); 
}); 

あなたは通常の要素が既に指定したクラスを持っている場合 addClass()は重複を追加しませんので、 addClass()または removeClass()前 hasClass()を呼び出す必要はありません、と述べ

、およびremoveClass()ウォン」を要素にはないクラスを削除しないでください。だから、簡単に書くことができます。

$('#registration :text').each(function() { 
    $(this).removeClass('warn'); 
    $(this).addClass('texta'); 
    alert("value"); 
}); 

あるいは、@decezeのように連鎖する方法を使用して処理が行われます。

$('#registration :text').each(function() { 
    $(this).removeClass('warn').addClass('texta'); 
    alert("value"); 
}); 

Answer 2

彼らは追加や削除得ているとJavaScript言語がcase-sensitiveある

$('#registration :reset').live('click', function() { 
    alert("reset was clicked"); 
    $('#registration :text').each(function() { 
     if ($(this).hasClass('warn')) { 
      $(this).removeClass('warn'); 
     } 

     if (!$(this).hasClass('texta')) { 
      $(this).addClass('texta'); 
     } 

     alert("value"); 
    }); 
}); 

Answer 3

は、代わりにこれを試してみてください：jQueryのの

$('#registration :text').removeClass('warn').addClass('texta'); 

---

見よぜマジック！

ほとんどすべてのjQueryメソッドはで動作し、$ファンクションによって返されます。したがって、すべての結果をループする必要はありません。removeClassとaddClassは、#registration :textセレクタによって検出されるすべての要素に適用されます。さらに、クラスを削除または追加する前に、チェックする必要はありません。クラスを追加していて、そのクラスにすでにクラスがある場合は何も起こりません。逆にクラスを削除する。

a tutorialを読んでみてください。これがjQueryを強力にする理由です。