jqery 학습 의 3 선택 기 등급 기본

#id
주어진 ID 에 따라 요소 가 일치 합 니 다.
Matches a single element with the given id attribute.
반환 값
Element
매개 변수
id(String):검색 에 사용 되 는 원소 의 id 속성 을 통 해 주어진 값
예시
ID 가"myDiv"인 요 소 를 찾 습 니 다.
HTML 코드:

id="notMe"

id="myDiv"

jQuery 코드:
$("#myDiv");
결과:
[

id="myDiv"

]---------------------------------------------------------------------------------------
element
주어진 요소 이름 에 따라 모든 요소 가 일치 합 니 다.
Matches all elements with the given name.
반환 값
Array
매개 변수
element(String):검색 에 사용 할 요소 입 니 다.DOM 노드 를 가리 키 는 태그 이름 입 니 다.
예시
DIV 요 소 를 찾 습 니 다.
HTML 코드:

DIV1

DIV2

SPAN
jQuery 코드:
$("div");
결과:
[

DIV1

DIV2

] ---------------------------------------------------------------------------------------
.class
주어진 클래스 에 따라 일치 하 는 요소 입 니 다.
Matches all elements with the given class.
반환 값
Array
매개 변수
class(String):검색 할 클래스 입 니 다.하나의 요 소 는 여러 가지 종 류 를 가 질 수 있 으 며,하나의 일치 만 있 으 면 일치 할 수 있다.
예시
모든 클래스 가"my Class"인 요 소 를 찾 습 니 다.
HTML 코드:

div class="notMe"

div class="myClass"

span class="myClass"
jQuery 코드:
$(".myClass");
결과:
[

div class="myClass"

, span class="myClass" ] ---------------------------------------------------------------------------------------
*
모든 요소 일치
문맥 을 결합 하여 검색 하 는 데 많이 사용 된다.
Matches all elements.
Most useful when combined with a context to search in.
반환 값
Array
예시
모든 요 소 를 찾 습 니 다.
HTML 코드:

DIV

SPAN

jQuery 코드:
$("*")
결과:
[

DIV

, SPAN,

] ---------------------------------------------------------------------------------------
selector1,selector2,selectorN
모든 선택 기 가 일치 하 는 요 소 를 합 친 후 함께 되 돌려 줍 니 다.
여러 개의 선택 기 를 지정 하고 일치 하 는 요 소 를 결과 에 통합 할 수 있 습 니 다.
Matches the combined results of all the specified selectors.
You can specify any number of selectors to combine into a single result.
반환 값
Array
매개 변수
selector 1(Selector):유효한 선택 기
selector 2(Selector):다른 유효한 선택 기
selector N(Selector):(선택 가능)여러 개의 유효한 선택 기
예시
임의의 클래스 와 일치 하 는 요 소 를 찾 습 니 다.
HTML 코드:

div

p class="myClass"

span

p class="notMyClass"

jQuery 코드:
$("div,span,p.myClass")
결과:
[

div

p class="myClass"

, span ] ---------------------------------------------------------------------------------------
ancestor descendant
주어진 조상 원소 아래 모든 후대 원소 와 일치 하 다
Matches all descendant elements specified by descendant of elements specified by ancestor.
반환 값
Array
매개 변수
ancestor(Selector):유효한 선택 기
descendant(Selector):요소 와 일치 하 는 선택 기 를 사용 하고 첫 번 째 선택 기의 후대 요소 입 니 다.
예시
폼 의 모든 input 요 소 를 찾 습 니 다.
HTML 코드:

jQuery 코드:
$("form input")
결과:
[ , ] ---------------------------------------------------------------------------------------
parent > child
주어진 부모 요소 에서 모든 하위 요소 와 일치 합 니 다.
Matches all child elements specified by child of elements specified by parent.
반환 값
Array
매개 변수
parent(Selector):유효한 선택 기
child(Selector):요소 와 일치 하 는 선택 기 를 사용 하고 첫 번 째 선택 기의 하위 요소 입 니 다.
예시
폼 의 모든 하위 input 요소 와 일치 합 니 다.
HTML 코드:

jQuery 코드:
$("form > input")
결과:
[ ] ---------------------------------------------------------------------------------------
prev + next
prev 요소 에 연 결 된 next 요소 와 일치 합 니 다.
Matches all next elements specified by next that are next to elements specified by prev.
반환 값
Array
매개 변수
prev(Selector):유효한 선택 기
next(Selector):유효한 선택 기 이 어 첫 번 째 선택 기
예시
label 뒤에 있 는 모든 input 요소 와 일치 합 니 다.
HTML 코드:

jQuery 코드:
$("label + input")
결과:
[ , ] ---------------------------------------------------------------------------------------
prev ~ siblings
prev 요소 와 일치 하 는 모든 siblings 요소
Matches all sibling elements after the "prev" element that match the filtering "siblings" selector.
반환 값
Array
매개 변수
prev(Selector):유효한 선택 기
siblings(Selector):선택 기 이 며,첫 번 째 선택 기의 동년배 입 니 다.
예시
폼 과 같은 또래 의 input 요 소 를 모두 찾 습 니 다.
HTML 코드:

jQuery 코드:
$("form ~ input")
결과:
[ ]

if ($ != jQuery) {
$ = jQuery.noConflict();
}

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

[오늘쿼리] NTILE

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

jqery 학습 의 3 선택 기 등급 기본

좋은 웹페이지 즐겨찾기