jQuery 학습 노트 jQuery 선택 기 사용

3575 단어 jQuery 선택 기
1.기본 선택 기:
  • #id   :주어진 ID 이름 의 요 소 를 선택 하 십시오.예 를 들 어$("\#id1")는 id 를 id1 로 선택 하 는 요소 입 니 다.
  • .class   :주어진 클래스 이름 의 요 소 를 선택 하 십시오.
  • element   :주어진 요소 이름 의 모든 원색 선택
  • *  :모든 요소 일치
  • selector1,selector2,......   :이 이름 의 요 소 를 선택 하여 쉼표 로 구분 하면 클래스 나 id 이름
  • 일 수 있 습 니 다.
    2.차원 선택 기:
  • $("ancestor  descendant"):ancestor 요소 의 모든 descendant(후대)요 소 를 선택 하 십시오.
  • $("parent>child"):parent 의 모든 child(하위)요 소 를 선택 하 십시오.
  • $('prev+next'):prev 뒤에 있 는 첫 번 째 next 요 소 를 선택 하 십시오.
  • $('prev~siblings'):prev 뒤의 모든 siblings 요 소 를 선택 하 십시오
  •       $('prev+next')는$(.prev).next("next")와 같은 역할 을 합 니 다.
          $('prev~siblings')와$(.prev).nextAll("siblings")의 역할 이 같 습 니 다.
     
    3.필터 선택:
  • :first    첫 번 째 요소 선택  예 를 들 어$("div:first")는 첫 번 째 div 요 소 를 선택 합 니 다.
  • :last   마지막 요소 선택
  • :not(selector)  selector 가 아 닌 요 소 를 선택 하 십시오.
  • :even  짝수 색인 요소 선택
  • :odd  모든 홀수 색인 요 소 를 선택 하 십시오.
  • :eq(index)  색인 이 index 와 같은 요 소 를 선택 하 십시오.
  • :gt(index)  인덱스 가 index 보다 큰 요 소 를 선택 하 십시오.
  • :lt(index)  인덱스 가 index 보다 작은 요 소 를 선택 하 십시오.
  • :header  모든요소 선택
  • :animanted  모든 애니메이션 요소 선택
  • 넷.내용 필터:
  • :contains(text)  hello 문 자 를 포함 하 는 div 요 소 를 선택 하 십시오.
  • :empty 문자 가 없 는 모든 요 소 를 선택 하 십시오.
  • :has(selector)  selector 요 소 를 포함 하 는 요 소 를 선택 하 십시오.
  • :parent 는 하위 요 소 를 포함 한 요 소 를 선택 하 십시오
  • 다섯.가시 성 필터:
  • :hidden 모든 보 이 는 요 소 를 선택 하 십시오.
  • :visible 보이 지 않 는 모든 요 소 를 선택 하 십시오
  • 여섯.속성 필터:
  • [attribute]  이 속성 을 가 진 요 소 를 선택 하 십시오.예 를 들 어$("div[id]")id 속성 을 포함 하 는 div 요 소 를 선택 하 십시오.
  •  [attribute=value]attribute 속성 이 value 값 과 같은 요 소 를 선택 하 십시오.
  •  [attribute!=value]  attribute 속성 이 value 값 과 같 지 않 은 요 소 를 선택 하 십시오.
  •  [attribute^=value]   attribute 속성 이 value 값 과 같은 요 소 를 선택 하 십시오.
  •  [attribute$=value]  attribute 속성 값 을 value 값 으로 시작 하 는 요 소 를 선택 하 십시오.
  •  [attribute*=value]  attribute 속성 값 이 value 값 을 포함 하 는 요 소 를 선택 하 십시오.
  • [selector 1][selector 2]...이러한 조건 을 만족 시 키 는 요소(조합)
  • 일곱.하위 요소 필터 선택 기
  • :nth-child(index/even/od/eqation)는 부모 요소 의[색인/쌍/기]하위 요 소 를 선택 하 십시오.
  • :first-child 는 부모 요소 의 첫 번 째 키 요 소 를 선택 합 니 다.
  • :last-child 는 부모 요소 의 마지막 키 요 소 를 선택 합 니 다.
  • :only-child 는 부모 요 소 를 선택 하면 유일한 하위 요소
  • 입 니 다.
    여덟.폼 속성 필터
  • :enabled 는 모든 보 이 는 요 소 를 선택 합 니 다.예 를 들 어$("\#form1:enabled")는 폼 id 를 form 1 로 선택 할 수 있 는 모든 요소 입 니 다.
  • :disable 보이 지 않 는 모든 요 소 를 선택 하 십시오.
  • :checked 는 선택 한 모든 요 소 를 선택 합 니 다.
  • :selected 선택 한 모든 옵션 요소 선택
  • 9.폼 개체 필터
  • :input  모든
  • 좋은 웹페이지 즐겨찾기