🖋️
JQuery
  • 제이쿼리
  • 제이쿼리 기본
  • 선택자
    • 기본 선택자
    • 계층 선택자
    • 속성 선택자
    • 기본 필터 선택자
    • 내용 필터 선택자
    • 보임 필터 선택자
    • 자식 요소 필터 선택자
    • 폼 요소 필터 선택자
  • 탐색
    • .find()/filter()
    • each()/$.each()
  • 속성
    • addClass() / removeClass()
    • toggleClass()
    • hasClass()
    • attr()/removeAttr()
    • position()/offset()
    • scrollTop()/scrollLeft()
  • 변경
    • text()/html()
    • append()/prepend()
    • remove() / empty()
  • 애니메이션
    • show()/hide()
    • fadeIn() /fadeOut()
    • slideUp()/slideDown()
    • animate()
  • 이벤트
Powered by GitBook
On this page

Was this helpful?

  1. 선택자

기본 필터 선택자

Previous속성 선택자Next내용 필터 선택자

Last updated 4 years ago

Was this helpful?

기본 필터 선택자

$("li:eq(4)").css({backgroundColor:"#BBDEFB", border:"1px dashed #303F9F" , color:"#FFF"}); // list5번에 효과가 들어감 0부터 시작하기 때문.
$("li:gt(4)").css({backgroundColor:"#BBDEFB", border:"1px dashed #303F9F" , color:"#FFF"}); // list5번 보다 큰 인덱스 태그를 선택
$("li:lt(4)").css({backgroundColor:"#BBDEFB", border:"1px dashed #303F9F" , color:"#FFF"}); // list5번 보다 작은 인덱스 태그를 선택
$(":header").css({backgroundColor:"#BBDEFB", border:"1px dashed #303F9F" , color:"#FFF"});
$("li:first").css({backgroundColor:"#BBDEFB", border:"1px dashed #303F9F" , color:"#FFF"});
$("li:last").css({backgroundColor:"#BBDEFB", border:"1px dashed #303F9F" , color:"#FFF"});
$("li:odd").css({backgroundColor:"#BBDEFB", border:"1px dashed #303F9F" , color:"#FFF"}); // 홀수번째를 선택하지만 0부터 선택해서 짝수 선택
$("li:even").css({backgroundColor:"#BBDEFB", border:"1px dashed #303F9F" , color:"#FFF"}); // 짝수번째를 선택하지만 0부터 선택해서 홀수 선택