반응형
Element에 접근 할때 특정 Element만 제외 하려고 할 때 아래와 같이 진행.
첫 번째
<html>
<body>
<div class="area" style="width:200px; height:200px; background-color: #4574bb; margin: auto;">
</div>
</body>
</html>
<script>
$('html').click(function(e) {
if(!$(e.target).hasClass("area")) { alert('영역 밖입니다.'); }
});
</script>
이벤트 접근 이후에 event.target를 통해 조건문을 사용하여 필터링.
두 번째
<html>
<body>
<button>Click</button>
<ul>
<li>Lorem</li>
<li class="ip">Ipsum</li>
<li>Dolor</li>
</ul>
</body>
</html>
<script>
$(document).ready(function(){
$('button').click(function(){
$('li').not('li.ip').css('color', 'red');
});
});
</script>
not()을 통해 제외 시킬 element 선언.
반응형
'Front > Jquery' 카테고리의 다른 글
| Multi Select Box (SumoSelect) (0) | 2020.07.28 |
|---|---|
| each 반복문 (0) | 2019.12.19 |
| function 내부에 있는 each반복문에서의 return false; (0) | 2019.11.19 |
| 라디오, 체크, 콤보 제어 (0) | 2019.03.19 |