jQuery 위치 선택기 사용 실례 분석

1738 단어
본고의 실례는 jQuery 위치 선택기의 사용법을 설명하였다.여러분에게 참고하도록 공유하겠습니다. 구체적으로는 다음과 같습니다.
위치 선택기
jQuery 역시 요소가 있는 위치를 이용하여 필요한 구성 요소를 얻을 수 있도록 합니다
위치 선택기 구문은 다음과 같습니다.
  • $기본 선택기: 위치 선택기
  • 위치 선택기 종류
    자주 사용하는 위치 선택기의 사용법
  • 첫 번째 선택
  • 형식: $("selector:first");
  • 마지막 선택
  • 형식: $("selector:last")
  • 홀수 선택
  • 형식: $("selector:odd")
  • 짝수 행
  • 형식: $("selector:even")
  • 지정된 위치 가져오기
  • 형식: $("selector:eq(n)")
  • 지정된 위치보다 큽니다.
  • 형식: $("selector:gt(n)")
  • 지정된 위치보다 작음
  • 형식: $("selector:lt(n)")

  • 작업:
  • 문서의 첫 번째 리
  • 문서에서 마지막으로 나타난div
  • 모든 홀수 단락
  • 모든 짝수 텍스트 상자
  • 세 번째 하이퍼링크
  • 세 번째 및 그 다음에 나타난 리
  • 첫 번째 단락
  • 
    
      $(function(){
        //  :first    
        //$("li:first").css("border" , "3px dotted lightblue");
        //$("div:last").css("border" , "3px dotted orange");
        //    :odd , jQuery       0   ,                 "  "
        //$("p:odd").css("border" , "3px dotted orange");
        //    even
        //$("input:even").css("border" , "3px dotted orange");
        //  eq           ,   0  
        //$("a:eq(2)").css("border" , "3px dotted orange");
        //  gt              
        //$("li:gt(2)").css("border" , "3px dotted orange");
        //  lt           
        $("p:lt(1)").css("border" , "3px dotted orange");
      })
    
    
    

    더 많은 jQuery 관련 내용에 관심이 있는 독자들은 본 사이트의 주제:,,,,
    본고에서 서술한 것이 여러분의 jQuery 프로그램 설계에 도움이 되었으면 합니다.

    좋은 웹페이지 즐겨찾기