$('.nav').children()
자식
$('.nav').parent()
부모
$('.nav').parents('div')
조상 중 div들
$('.nav').closest('div')
조상 중 첫번째 div
$('.nav').next()
.nav 다음
$('.nav').nextAll()
.nav 다음 모든 요소
$('.nav').prev()
.nav 이전
$('.nav').nextUntil('p')
.nav부터 p전까지
$('.nav').siblings('p')
형제요소 p
$('.nav').find('p')
.nav 하위 요소 중 p 선택
$('div').filter('.nav')
div 중 nav 클래스 선택
$('div').not('.nav')
.nav가 아닌 요소
$('div').has('.nav')
div 중 .nav를 포함하고 있는 것
$('div').eq(0)
div 중 index 0번
$('div').gt(0)
0번 초과
$('div').lt(2)
2번 미만
$('#m7 > div').add('#m7>p')
m7의 div에 p 추가로 선택
$('#m8').children('p').addBack()
이전 요소, 그러니까 선택, 선택 하다가 이전.
$('#m9').find('span').css({
backgroundColor:'orange'
}).end().find('em').css({
backgroundColor:'blue'
});
end() 까지 끝내고 처음으로 돌아가서 ('#m9')의 find('em')
if($('#m10').children().is('p')){
console.log("true");
}else{
console.log("fail");
}
아이들 중에 p가 있다면
이거 왜 이렇게 만들었냐?
'프론트엔드-코드 > JQuery' 카테고리의 다른 글
메소드 (0) | 2023.07.21 |
---|---|
슬라이드 애니메이션 (0) | 2023.07.20 |
가시성 필터 (0) | 2023.07.17 |
toggleClass (0) | 2023.07.14 |
콘텐츠 필터 선택자 (0) | 2023.07.14 |