jquery의 객체 획득 방법은 다양한 일반 유형의 객체를 처리하는 데 충분합니다._jquery

(1) 기본 객체 획득

$("*")
모든 객체 가져오기

$("#element")
ID 가져오기 요소 개체는 document.getElementById("element");

$(".abc")
abc 클래스를 사용하여 개체 가져오기

$("div")
html로 모든 div 요소 가져오기

$("#a,.b,p")
id a와 클래스 b 및 모든 p 요소 가져오기

$("# a .b p")
ID가 a이고 클래스가 b인 요소 아래에서 p 요소를 가져옵니다.

(2) 계층적 개체를 가져옵니다.

$("div> input")
div 아래의 모든 입력 개체 가져오기

$("div h")
div 바로 뒤의 h 요소 가져오기

$("div~p ")
div 요소 뒤의 모든 p 요소 가져오기

(3) 단순 객체 획득

$("element:first")
첫 번째 요소 가져오기 $("div:frist")와 같은 페이지 요소의 첫 번째 div를 나타냅니다.

$("element:last")
페이지 요소의 마지막 요소를 가져옵니다. 예를 들어 $("div:frist")는 마지막 div를 나타냅니다.

$("element:not(selector)")
$("input:not(:)와 같은 선택기와 일치하는 모든 요소를 ​​제거합니다. check )")는 선택되지 않은 모든 체크박스를 나타냅니다

$("element:even")
요소 요소의 짝수 행을 가져옵니다

$("element:odd")
Get 홀수 행 요소

$("element:eq(index)")
세 번째 div에 대해 $("div:el(2)")와 같은 특정 인덱스가 있는 요소를 가져옵니다. 🎜>
$("element:gt(index)")
주어진 인덱스 값보다 큰 모든 요소와 일치

$("element:lt(index)")
모두 일치 주어진 인덱스보다 작은 요소

$(":header")
h 태그가 붙은 요소와 일치

$("element:animated")
그렇지 않은 모든 요소와 일치 애니메이션 효과 수행


요소 (4) 콘텐츠 객체 획득 및 객체 가시성
$("Element:contains(text)")
텍스트 입력 elements 특정 문자 또는 문자열 포함 여부

$("Element:empty")
텍스트 또는 하위 요소를 포함하지 않는 요소 개체 가져오기

$("Element: parent")
텍스트 또는 하위 요소가 포함된 개체 요소 가져오기

$("Element:has(selector)")
특정 요소에 $("와 같은 특정 요소가 포함되어 있는지 일치 p:has(span) ")는 범위 요소를 포함하는 모든 p 요소를 의미합니다.

$("Element:hidden")
는 display:none 및 입력 속성이 숨겨진 요소를 포함하여 모든 보이지 않는 요소와 일치합니다.

$("Element:visible")
모든 코스웨어 요소 일치


(5) 고급 객체 획득
$("Element[id] ")
id 속성을 가진 모든 요소 가져오기

$("Element[attribute=abcd]")
abcd 속성을 가진 모든 요소 가져오기

$("Element [ attribute!=abcd]")
속성이 abcd가 아닌 모든 요소 가져오기

$("Element[attribute^=ab]")
속성이 ab로 시작하는 모든 요소 가져오기

$("Element[attribute$=ab]")
ab로 끝나는 속성을 가진 모든 요소 가져오기

$("Element[attribute*=ab]" )
ab를 포함하는 속성이 있는 모든 요소 가져오기

$("Element[selector1][selector2][...]")
$(" input[id][와 같은 속성 선택기를 준수합니다. name][value=abcd]")는 ID, 이름 및 값이 abcd인 입력 요소를 얻는 것을 의미합니다


(6) 하위 요소 얻기
$(" 요소:nth-child(index)")
상위 항목 아래 N번째 하위 요소를 선택합니다. 인덱스는 1부터 시작합니다.
:nth-child(even) even
:nth- child(odd) 홀수
:nth-child(3n) 표현식
:nth-child(2) 인덱스
:nth-child(3n 1) 표현식

$(" 요소:first-child")
상위 요소 아래의 첫 번째 하위 요소

$("Element:last-child")
상위 요소 아래의 마지막 하위 요소

$("Element:only-child ")
상위 요소 아래의 유일한 하위 요소


(7) 양식 객체 얻기
$(:input)
입력과만 일치할 수 있음 요소 유형 입력 버튼 선택 텍스트 영역

$(:text)
현재 줄의 모든 텍스트 상자

$(:password)
모든 비밀번호 상자

$( :radio)
모든 라디오 버튼

$(:checkbox)
모든 체크박스

$( :submit)
모든 제출 버튼

$( :image)
모든 이미지 필드
$(:reset)
모든 충전 버튼

$(:button )
모든 버튼

$(:file)
모든 파일 업로드 필드

$(:hidden)
모든 보이지 않는 요소 또는 숨겨진 유형의 요소

$(:enabled)
사용 가능한 모든 입력 요소

$(:disabled)
비활성화 가능한 모든 입력 요소

$(:checked)
모든 체크박스 요소

$(:selected)
모든 드롭다운 tables


(8) 요소 속성 설정 및 제거
$("Element").attr(name)
첫 번째로 일치하는 요소의 속성 값 가져오기 예: $("img").attr("src");

$("Element") .attr({key:value,key:value,...})
여러 항목 설정 요소의 속성을 한 번에

$("Element").attr(key, value)
요소의 속성 설정

$("Element").attr(key ,함수)
일치하는 모든 요소에 대해 계산된 속성 설정

$ ("Element").removeAttr(name)
속성 제거