ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • jQuery(선택자, 필터)
    jQuery 2020. 4. 24. 13:59

    선택자 : 필터

     

    선택자로 기준 element를 먼저 찾고 필터는 엘리먼트 주변의 다른 엘리먼트나 선택된 집합중의 일부를 더 정밀하게

     

    선택하는 역할을 한다.

    :first 선택요소 중 첫번째 요소
    :last 선택요소 중 마지막 요소
    not(selector) 괄호의 selector가 일치되는 모든요소를 제외
    :even 선택요소 중 짝수요소
    :odd 선택요소 중 홀수요소
    :eq(index) 선택요소 중 주어진 index에 일치하는 index를 가지는 요소
    :gt 선택요소 중 주어진 index보다 큰 index를 갖는 요소
    :lt(index) 선택요소 중 주어진 index보다 작은 index를 갖는 요소

    내용 필터

     

    :contains(text)

    지정한 텍스트를 포함하는 요소들

    (대소문자 굽문, 자식 요소의 텍스트까지 검색한다.)

    :empty 대상 요소 중 자식 요소가 없고 텍스트도 가지지 않는 요소들
    :has(selector) 지정된 셀렉터에 해당하는 요소를 갖는 모든 요소들과 일치
    :parent 대상 요소 중 자식 요소를 갖거나 텍스트를 갖는 요소들이 이에 해당됨

    자식필터

    nth-child

    자식 중 index로 지정된 위치의 요소들과 일치되거나,

    even(짝수), odd(홀수)번째에 해당하는 자식들과 일치

     

    (단, index는 1부터 시작)

    :first-child

    첫 번째 자식인 모든 요소와 일치

    ex) $("td:first-child") : td를 자식으로 하는 tr그룹에서 첫번째 자식

     

    차이점 :first -> 전체 중에서 첫번째요소 (선택되는 요소는 반드시 하나)

    :last-child 마지막 자식인 모든 요소와 일치
    :only-child 자신이 부모 요소의 유일한 자식인 모든 요소와 일치

     


    form상태 

    :enabled 현재 enable 상태인 모든 요소와 일치
    :disabled 현재 disable 상태인 모든 요소와 일치
    :checked 체크된 모든 요소들과 일치
    :selected 선택된 모든 요소들과 일치

    'jQuery' 카테고리의 다른 글

    jQuery(append / prepend / after / before)  (0) 2020.04.28
    jQuery(each)  (0) 2020.04.27
    jQuery(컨텍스트)  (0) 2020.04.22
    jquery(기본설정)  (0) 2020.04.21
    js(file 객체)  (0) 2020.04.21

    댓글

Designed by Tistory.