선택자4 jQuery | 탐색 선택자 📁 jQuery 탐색 선택자에 대해 알아봅시다 ! 📂 기본 탐색 선택자 선택자 종류 설명 children( ) $("div").children( ) div 요소의 자식 요소 선택 parent( ) $("p").parent( ) p 요소의 부모 요소 선택 parents( ) $("p").parents("div") p 요소의 부모가 되는 모든 div 요소 선택 closest( ) $("p").closest("div") p 요소의 부모가 되는 첫 번째 div 요소 찾음 next( ) $("div.m").next( ) div.m 요소의 다음 요소 선택 nextAll( ) $("div.m").nextAll( ) div.m 요소의 다음 요소들을 모두 선택 nextUntil( ) $("div.m").nextUntil.. 2022. 8. 31. jQuery | 필터 선택자 📁 jQuery 속성 선택자에 대해 알아봅시다 ! ':'이 붙은 선택자를 필터 선택자라고 합니다. 📂 기본 필터 선택자 선택자 종류 설명 :even $("tr:even") tr 요소 중 짝수 행만 선택 :odd $("tr:odd") tr 요소 중 홀수 행만 선택 :first $("td:first") 첫 번째 td 요소 선택 :last $("td:last") 마지막 td 요소 선택 :header $(":header") 헤딩(h1~h6) 요소 선택 :eq( ) $("li:eq(0)") index가 0인 li 요소 선택 (index는 0번이 첫 번째 요소) :gt( ) $("li:gt(0)") index가 0보다 큰 li 요소들 선택 :lt( ) $("li:lt(2)") index가 2보다 작은 li 요소들 .. 2022. 8. 31. jQuery | 속성 선택자 jQuery 속성 선택자에 대해 알아봅시다 ! 선택자 종류 설명 요소[속성] $("span[class]") span 요소 중 class 속성을 가지고 있는 요소 선택 요소[속성='값'] $("span[class='abc']") span 요소 중 class가 'abc'인 요소 선택 요소[속성!='값'] $("span[class!='abc']") span 요소 중 class가 'abc'가 아닌 요소 선택 요소[속성~='값'] $("span[class~='abc']") span 요소 중 class가 'abc'를 포함하는 요소 선택 'abc'앞뒤로 연결된 문자가 없어야 선택 가능하기 때문에 'bg abc'는 선택되나 'bg_abc'는 선택되지 않음 요소[속성*='값'] $("span[class*='abc']").. 2022. 8. 30. jQuery | 기본 선택자 jQuery 기본 선택자에 대해 알아봅시다 ! 기본 형식 : $("선택자") == $("#gnb") 선택자 종류 설명 태그 선택자 $("p") p 요소 선택 id 선택자 $("#gnb") #gnb 요소 선택 class 선택자 $(".logo") .logo인 요소 선택 자식 선택자 $("#gnb > ul > li") #gnb의 자식 요소의 자식 요소 li 선택 하위 선택자 $("#gnb ul") #gnb의 하위에 있는 모든 ul 요소 선택 인접 선택자 $("#visual + #content") #visual 다음에 오는 #content 요소 선택 형제 선택자 $("#visual ~ #footer") #visual의 형제 요소 #footer 선택 종속 선택자 $("div.util") div 요소 중 clas.. 2022. 8. 30. 이전 1 다음
