프론트엔드-코드/JQuery

필터 선택자

sdafdq 2023. 7. 14. 10:20

  // 필터 선택자
  // - 필터 선택자에는 ":"을 붙여 사용한다.
  // 종류
  // :even -> 짝수 요소 선택(인덱스 번호), 메모리에 저장되는 순서값
  // $('div:even').css({ backgroundColor : 'darkorange' });
  // console.log($('div')); // 0:div, 1:div, 2:div length : 3
  // :odd -> 홀수 요소 선택(인덱스 번호), 메모리에 저장되는 순서값
  // :first -> 첫 번째 요소 선택
  // :last -> 마지막 요소 선택
  // :header -> h1~h6 요소 선택
  // :eq() -> index로 요소 선택(인덱스 번호), 메모리에 저장되는 순서값
  // :gt() -> :gt(0) -> index가 0보다 큰 요소들 선택
  // :lt() -> :lt(3) -> index가 3보다 작은 요소들 선택
  // :not() -> :not('div.box') -> div.box요소가 아닌 전체 선텍
  // :root -> html을 의미
  // :animated -> 움직이는 요소를 선택

'프론트엔드-코드 > JQuery' 카테고리의 다른 글

가시성 필터  (0) 2023.07.17
toggleClass  (0) 2023.07.14
콘텐츠 필터 선택자  (0) 2023.07.14
자식 필터 선택자  (0) 2023.07.14
속성 선택자  (0) 2023.07.12