jqery 학습 의 세 가지 선택 기 서브 요소 와 폼
부모 요소 의 N 번 째 키 나 패 리 티 요소 와 일치 합 니 다.
':eq(index)'는 하나의 요소 만 일치 합 니 다.이것 은 모든 부모 요소 에 하위 요소 와 일치 합 니 다.:nth-child 는 1 부터 시작 합 니 다.eq()는 0 부터 계산 합 니 다!
사용 가능:nth-child(even):nth-child(odd):nth-child(3n):nth-child(2):nth-child(3n+1):nth-child(3n+2)
Matches the nth-child of its parent.
While ':eq(index)' matches only a single element, this matches more then one: One for each parent. The specified index is one-indexed, in contrast to :eq() which starst at zero.
반환 값
Array
매개 변수
index(Number):요소 의 번호 와 일치 하려 면 1 부터 시작 합 니 다.
예시
얼 마다 두 번 째 li 찾기
HTML 코드:
- John
- Karl
- Brandon
- Glen
- Tane
- Ralph
jQuery 코드:
$("ul li:nth-child(2)")
결과:
[
:first-child
첫 번 째 하위 요소 일치
':first'는 하나의 요소 만 일치 합 니 다.이 선택 자 는 부모 요소 마다 키 요소 와 일치 합 니 다.
Matches the first child of its parent.
While ':first' matches only a single element, this matches more then one: One for each parent.
반환 값
Array
예시
모든 l 에서 첫 번 째 li 찾기
HTML 코드:
- John
- Karl
- Brandon
- Glen
- Tane
- Ralph
jQuery 코드:
$("ul li:first-child")
결과:
[
:last-child
마지막 하위 요소 일치
':last'는 하나의 요소 만 일치 합 니 다.이 선택 자 는 부모 요소 마다 키 요소 와 일치 합 니 다.
Matches the last child of its parent.
While ':last' matches only a single element, this matches more then one: One for each parent.
반환 값
Array
예시
모든 l 에서 마지막 li 찾기
HTML 코드:
- John
- Karl
- Brandon
- Glen
- Tane
- Ralph
jQuery 코드:
$("ul li:last-child")
결과:
[
:only-child
만약 어떤 원소 가 부모 원소 중의 유일한 하위 원소 라면,일치 합 니 다
부모 요소 에 다른 요 소 를 포함 하고 있다 면 일치 하지 않 을 것 입 니 다.
Matches the only child of its parent.
If the parent has other child elements, nothing is matched.
반환 값
Array
예시
얼 에서 유일한 하위 요소 인 li 를 찾 습 니 다.
HTML 코드:
- John
- Karl
- Brandon
- Glen jQuery 코드:
- Glen ] --------------------------------------------------------------------------------
$("ul li:only-child")
결과:
[
:input
모든 input,textarea,select,button 요소 와 일치 합 니 다.
Matches all input, textarea, select and button elements.
반환 값
Array
예시
모든 input 요소 찾기
HTML 코드:
jQuery 코드:
$(":input")
결과:
[ , , , , , , , , ] --------------------------------------------------------------------------------
:text
모든 줄 텍스트 상자 일치
Matches all input elements of type text.
반환 값
Array
예시
모든 텍스트 상자 찾기
HTML 코드:
jQuery 코드:
$(":text")
결과:
[ ] --------------------------------------------------------------------------------
:password
모든 암호 상자 일치
Matches all input elements of type password.
반환 값
Array
예시
모든 암호 상자 찾기
HTML 코드:
jQuery 코드:
$(":password")
결과:
[ ] --------------------------------------------------------------------------------
:radio
모든 체크 단추 일치
Matches all input elements of type radio.
반환 값
Array
예시
모든 체크 단추 찾기
HTML 코드:
jQuery 코드:
$(":radio")
결과:
[ ] --------------------------------------------------------------------------------
:submit
모든 제출 단추 일치
Matches all input elements of type submit.
반환 값
Array
예시
모든 제출 버튼 찾기
HTML 코드:
jQuery 코드:
$(":submit")
결과:
[]다른 건 다 똑 같 아 요.image. ,:reset,:button,:file,:hidden !@#@!%$%
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jqery 학습 의 세 가지 선택 기 서브 요소 와 폼부모 요소 의 N 번 째 키 나 패 리 티 요소 와 일치 합 니 다. ':eq(index)'는 하나의 요소 만 일치 합 니 다.이것 은 모든 부모 요소 에 하위 요소 와 일치 합 니 다.:nth-child 는 1 부...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
