양식에 대한 입력 참조

Question

로그인 사용자 이름과 암호 양식을 만들고 있습니다. 클래스를 추가하고 제거하기 위해 두 입력을 개별적으로 참조하는 방법에 대해 궁금합니다. 예를 들어, 사용자 이름 상자 위로 마우스를 가져 가면 색상이 빨간색에서 약간 밝은 빨간색으로 바뀝니다.

$('input').hover(function(){ 
    $(this).addClass('highlight'); 
}, function(){ 
    $(this).removeClass('highlight'); 
}); 

하지만 색상을 변경을 통해 각각의 입력 상자가 가리킬 때 어떻게 있도록 두 개의 입력의 이름 "이름"과 "암호"를 참조 할 것 : 기본 코드는 것입니까?

Answer 1

'은행'물체가 유혹하는 현재의 요소입니다. http://jsfiddle.net/7BLLR/ 내 구문에 문제가 있습니다. 그냥 간단한 오자.

$('input').hover(function() { 
    $(this).addClass('highlight'); 
}, function() { 
    $(this).removeClass('highlight'); 
}); 

Answer 2

귀하의 접근 방식에서 $('input')은 양식의 모든 입력 요소를 고려합니다.
하지만 두 입력 요소를 원하는대로, 당신은 다음과 같은 사용할 수 있습니다

$('input').hover(function(){ 
    if($(this).attr('name') == 'username' || $(this).attr('name') == 'password')){ 
      $(this).addClass('highlight'); 
    } 
}, function(){ 
    $(this).removeClass('highlight'); 
});