728x90
2023.05.15 - [jQuery] - jQuery | 마우스 올려 놓았을 때만 테두리 색 변경 - mouseover(),mouseout()
jQuery | 마우스 올려 놓았을 때만 테두리 색 변경 - mouseover(),mouseout()
이렇게 지원자리스트가 있을 때, 마우스를 올려놓으면 파란색테두리가 잡히도록 변경할 것 ! 첫번째 답안 (실패) $(".tbSearchList tbody tr").mouseover(function() { $(this).css({ "border-color": "blue", "border-width": "
megak.tistory.com
해당 게시물에서 선택자에 대한 개념이 없어서 제대로 하지못했었다.
$(".tbSearchList tbody tr").mouseover(function() {});
이렇게 하면 <tbody> 태그 아래 있는 <tr> 태그를 모두 선택한다,
tbody 아래 tr 여러개면 그 tr 다 선택한다는 뜻
> 선택자 사용
$(".tblSearchList > tbody > tr").mouseover(function(){});
tbody 바로 아래 있는 자식 태그<tr> 만 선택하게 된다.
tbody 아래 각각의 tr 에 대해서만 선택 !!
728x90
'jQuery && JS' 카테고리의 다른 글
attr() 과 prop() 의 차이 (0) | 2024.03.18 |
---|---|
JavaScript | 특정시점으로 이동하기 - scrollIntoView(); (0) | 2023.11.14 |
jQuery | closet() 함수 (0) | 2023.05.18 |
jQuery | 출생년도에 따라 배경색 변경 (0) | 2023.05.18 |
jQuery | 윤년 구하기(JavaScript) (0) | 2023.05.16 |