💡
jQuery
  • 제이쿼리
  • 제이쿼리 기본
  • 선택자
    • 기본 선택자
    • 계층 선택자
    • 속성 선택자
    • 기본 필터 선택자
    • 내용 필터 선택자
    • 보임 필터 선택자
    • 자식 요소 필터 선택자
    • 폼 요소 필터 선택자
  • 탐색
    • find() / filter()
    • each()/$.each()
  • 속성
    • position()/offset()
    • scrollTop()/ scrollLeft()
    • attr()/removeAttr()
    • addClass() / removeClass()
    • toggleCalss()
    • hasClass()
  • 변경
    • 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 a[href='https://www.naver.com/']").css({backgroundColor:"#bbdefb", border:"1px dashed #303f9f"});
$("li a[href^='https']").css({backgroundColor:"#bbdefb", border:"1px dashed #303f9f"});
$("li a[href$='net']").css({backgroundColor:"#f44336", border:"1px dashed #303f9f", color:"#fff"});
$("li a[href*='naver'").css({backgroundColor:"#f44336", border:"1px dashed #303f9f", color:"#fff"});
$("li a[href][class]").css({backgroundColor:"#f44336", border:"1px dashed #303f9f", color:"#fff"});