-2

こんにちは皆さん、私は異なる入力を持つこのフォームを作成していますが、それらはすべて同じクラスを持っています:

<input type="text" name="username" class="field" /> 
<input type="text" name="email" calss="field" />

私がやりたいのは、入力フィールドがクリックされたときはいつでも、境界線の色を JQuery で変更したい (同時にすべてではなく、クリックされた要素のみ)

誰でもアイデアを得ましたか？

4

3 に答える 3

2

クリック イベントをすべての入力にバインドし、$(this) を使用して実際にクリックされたものをターゲットにします。

$('.field').on('click', function() {
     $('.field').removeClass('clicked'); // Remove previous
     var $this = $(this);
     $this.addClass('clicked'); // If you want to add the CSS with a class, which i recommend.
     $this.css('border', '[css-border-values]'); // Inline CSS
});
于 2013-09-27T13:01:51.033 に答える
0 
<input type="text" name="username" class="field" /> 
<input type="text" name="email" calss="field" /> 

$('input[type=text]').focus(function(){
     $('input[type=text]').css({'border':''});
     $(this).css({'border':'solid 2px #ccc'});
});

http://jsfiddle.net/jCpfH/

于 2013-09-27T13:18:10.813 に答える