[jQuery] Selector-Basic 공부하기

전예원·2021년 11월 2일
0

jQuery

목록 보기
3/7
post-thumbnail

💡 jQuery 선택자 - Basic에 대해 알아보자!

  • jQuery 사이트에 들어가면 다양한 선택자를 공부할 수 있다.

🔴 selector($() 함수)

  • jquery(선택자).메소드( )
  • $(선택자).메소드( )
  • $(누구한테).어떤효과를( )
  • $(누구한테).어떤효과를(" ")
  • $(누구한테).어떤효과를({ })
  • $(누구한테).어떤효과를(function( ){ })
  • $(누구한테).어떤효과를( ).다른효과({ }).다른효과(function( ){ })

🟠 Selector - Basic

  1. $("element")
    : 특정 엘리먼트(태그) 지정

    ex) $("tr").addClass("blue");

  2. $("#id")
    : 특정 아이디 지정

    ex) <a href="#" id="test">LINK</a> $("#test").addClass("red");

  3. $(".class")
    : 특정 클래스 지정

    ex) <a href="#" class="test">LINK</a> $(".test").addClass("blue");

  4. $("selector1, selector2, selectorN")
    : 다중 선택자, 여러 개의 선택자에 도시에 효과 적용

    ex) $("h2, h3, h4").addClass("pink");
    $("h2, #test, .hidden").addClass("pink");

profile
앞으로 나아가는 중~

0개의 댓글