javascript - マウスクリックでのテキスト入力変更クラス

Question

<input type="text" onkeypress="return buyukHarf(event);" class="green" name="f1"/>

greenエリアがクリックされたときにクラスを別のものに変更することは可能ですか？または、クリックしたときに境界線の色を変更する他の方法はありますか？前もって感謝します...

Answer 1

これを試して：

$( "input" ).click( function() {
    $( this ).attr( { 'class' : 'anotherClass' } );
} );

Answer 2

試す：

$("input[name='f1']").click(function(){
    $(this).removeClass("green").addClass("red");    
});

または // ボーダーの場合

$("input[name='f1']").click(function(){
    $(this).removeClass("green").css("border", "1px solid red");    
});