호버링하는 동안 요소를 선택하는 방법

Question

HTML에서 가져 오는 동안 요소를 선택하려면 어떻게해야합니까? div 나 그 아이를 가리키면 마치 그걸 통제 할 필요가 있습니다. 나는 그 주위에 국경을 보여주고 싶다. 내 코드는

jQuery(document).ready(function(){ 
    $(window).bind('mousemove', function(e) { 
     current_id = $(e.target).attr('id'); 
     jQuery('#'+current_id).css('border','2px solid yellow');   
    }); 
}); 

입니다하지만 특정 사업부 올려 놓으면이 코드의 의지 나에게 제어 할 수 있지만, 그 사업부가 유혹에보다 아이가 포함 된 경우 내가 사업부 내부의 유혹과 동일하고 경우에도 경계를 표시 할 수 있습니다 필요 그 부모 div가 아닌 그 아이를 둘러 쌀 수 있습니다.

Answer 1

모든 div 요소에 hover 이벤트를 사용하십시오. 적용된 스타일을 쉽게 적용하고 제거 할 수있는 새로운 클래스를 만들었습니다. 당신이 exemple의 입력 요소 또는 범위에이 스타일을 적용해야하는 경우도 더 선택기를 추가 할 수 있습니다

$('div, span, input').on('hover', ...);

<style> 
    .myBorder{ 
     border : 2px solid yellow; 
    } 
</style> 

$('div').on('hover', 
    function(e) { 
     $(this).addClass('myBorder'); 
    }, 
    function(e){ 
     $(this).removeClass('myBorder'); 
    } 
); 

Answer 2

그냥 페이지의 모든 요소에 테두리를 표시 할 경우, 아마를 , JS없이 할 수있는 유일한 CSS로 돌출 :

*:hover { 
    border: 2px solid yellow; 
}