- 필터 : 요소들 중 원하는 요소를 찾을 때 사용
- first() : 요소들 중 첫번째 요소
- last() : 요소들 중 마지막 요소
- eq(n) : n+1번째 요소
- filter('선택자') : 요소들 중 선택자와 일치하는 요소
- not('선택자') : 요소들 중 선택자와 일치하지 않는 요소
- 탐색 : 요소의 조상/형제/자손 요소를 찾을 때 사용
- is('상태') : 상태이면 true, 아니면 false를 알려줌
더보기
eq()
filter()
is()
first()
last()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>필터 예제</title>
<script src="../JS/jquery.min.js"></script>
<script>
$(function(){
console.log($('li').first().text()); //첫번째
console.log($('li').last().text()); //4번째
console.log($('li').eq(2).text()); //세번째
console.log($('li').filter('.list3').text()); //세번째
$('li').not('.list3').css('color','red'); //3빼고 글자빨강
})
</script>
</head>
<body>
<ul>
<li class="list">첫번째</li>
<li class="list">두번째</li>
<li class="list list3">세번째</li>
<li class="list">4번째</li>
</ul>
</body>
</html>
'괴발개발 > Javascript+JQuery' 카테고리의 다른 글
| JQ_detach() (0) | 2021.06.24 |
|---|---|
| JQ_질문등록창(+서브질문등록) (1) | 2021.06.24 |
| JQ_형제 요소 탐색 (0) | 2021.06.23 |
| JQ_자손 요소 탐색 (0) | 2021.06.23 |
| JQ_조상 탐색 (0) | 2021.06.23 |