只改變被點擊元素的樣式？

Question

傢伙您好我一直在這種形式有不同的輸入，但它們都具有相同的類：

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

我想要做的就是當過點擊提交的輸入我想改變與邊框顏色JQuery（只有被點擊的元素不是全部在同一時間）

任何人有一個想法？

Answer 1

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




$('.field').click(function(){ 
    $(this).css('attributeName','value'); //here $(this) represents current element. 
}); 

Answer 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 
}); 

Answer 3

<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/