jqery 학습 의 세 가지 선택 기 보이 기 요소 속성

6214 단어 선택 기가시 성
:hidden
모든 보이 지 않 는 요소 와 일치 합 니 다.input 요소 의 type 속성 이"hidden"이면 일치 합 니 다.
Matches all elements that are hidden, or input elements of type "hidden".
반환 값
Array
예시
보이 지 않 는 tr 요 소 를 모두 찾 습 니 다.
HTML 코드:
   
Value 1
Value 2

jQuery 코드:
$("tr:hidden")
결과:
[ Value 1 ]
---------------------------------------------------------------------------------------
:visible
모든 보 이 는 요소 와 일치 합 니 다.
Matches all elements that are visible.
반환 값
Array
예시
보 이 는 tr 요 소 를 모두 찾 습 니 다.
HTML 코드:
   
Value 1
Value 2

jQuery 코드:
$("tr:visible")
결과:
[ Value 2 ]
---------------------------------------------------------------------------------------
[attribute]
주어진 속성 을 포함 하 는 요소 와 일치 합 니 다.
Matches elements that have the specified attribute.
반환 값
Array
매개 변수
attribute(String):속성 명
예시
id 속성 을 포함 하 는 div 요 소 를 모두 찾 습 니 다.
HTML 코드:
 

Hello!


jQuery 코드:
$("div[id]")
결과:
[
]
---------------------------------------------------------------------------------------
[attribute=value]
주어진 속성 과 일치 하 는 것 은 특정한 값 의 요소 입 니 다.
Matches elements that have the specified attribute with a certain value.
반환 값
Array
매개 변수
attribute(String):속성 명
value(String):속성 값 입 니 다.인용 부 호 는 대부분의 상황 에서 선택 할 수 있다.그러나 속성 값 이']'를 포함 하 는 경우 충돌 을 피 할 수 있 습 니 다.
예시
모든 name 속성 을 찾 습 니 다.뉴스 레 터 의 input 요소 입 니 다.
HTML 코드:
'
jQuery 코드:
$("input[name='newsletter']").attr("checked", true);
결과:
[ , ]
---------------------------------------------------------------------------------------
[attribute!=value]
주어진 속성 과 일치 하 는 것 은 특정한 값 을 포함 하지 않 는 요소 입 니 다.
Matches elements that don't have the specified attribute with a certain value.
반환 값
Array
매개 변수
attribute(String):속성 명
value(String):속성 값 입 니 다.인용 부 호 는 대부분의 상황 에서 선택 할 수 있다.그러나 속성 값 이']'를 포함 하 는 경우 충돌 을 피 할 수 있 습 니 다.
예시
모든 name 속성 을 찾 습 니 다.뉴스 레 터 가 아 닌 input 요소 입 니 다.
HTML 코드:
'
jQuery 코드:
$("input[name!='newsletter']").attr("checked", true);
결과:
[ ]
---------------------------------------------------------------------------------------
[attribute^=value]
주어진 속성 과 일치 하 는 것 은 일부 값 으로 시작 하 는 요소 입 니 다.
Matches elements that have the specified attribute and it starts with a certain value.
반환 값
Array
매개 변수
attribute(String):속성 명
value(String):속성 값 입 니 다.인용 부 호 는 대부분의 상황 에서 선택 할 수 있다.그러나 속성 값 이']'를 포함 하 는 경우 충돌 을 피 할 수 있 습 니 다.
예시
모든 name 에서'news'로 시작 하 는 input 요 소 를 찾 습 니 다.
HTML 코드:

jQuery 코드:
$("input[name^='news']")
결과:
[ , ]
---------------------------------------------------------------------------------------
[attribute$=value]
주어진 속성 과 일치 하 는 것 은 일부 값 으로 끝 나 는 요소 입 니 다.
Matches elements that have the specified attribute and it ends with a certain value.
반환 값
Array
매개 변수
attribute(String):속성 명
value(String):속성 값 입 니 다.인용 부 호 는 대부분의 상황 에서 선택 할 수 있다.그러나 속성 값 이']'를 포함 하 는 경우 충돌 을 피 할 수 있 습 니 다.
예시
모든 name 이'letter'로 끝 나 는 input 요 소 를 찾 습 니 다.
HTML 코드:

jQuery 코드:
$("input[name$='letter']")
결과:
[ , ]
---------------------------------------------------------------------------------------
[attribute*=value]
주어진 속성 과 일치 하 는 것 은 일부 값 을 포함 하 는 요소 입 니 다.
Matches elements that have the specified attribute and it contains a certain value.
반환 값
Array
매개 변수
attribute(String):속성 명
value(String):속성 값 입 니 다.인용 부 호 는 대부분의 상황 에서 선택 할 수 있다.그러나 속성 값 이']'를 포함 하 는 경우 충돌 을 피 할 수 있 습 니 다.
예시
모든 name 에'man'을 포함 하 는 input 요 소 를 찾 습 니 다.
HTML 코드:

jQuery 코드:
$("input[name*='man']")
결과:
[ , , ]
---------------------------------------------------------------------------------------
[selector1][selector2][selectorN]
복합 속성 선택 기,여러 조건 을 동시에 만족 시 켜 야 할 때 사용 합 니 다.
Matches elements that have the specified attribute and it contains a certain value.
반환 값
Array
매개 변수
selector 1(Selector):속성 선택 기
selector 2(Selector):다른 속성 선택 기,범 위 를 더 좁 히 기 위해 사용
selector N(Selector):임의의 여러 속성 선택 기
예시
id 속성 이 있 는 모든 것 을 찾 았 습 니 다.그리고 name 속성 은 man 으로 끝 납 니 다.
HTML 코드:

jQuery 코드:
$("input[id][name$='man']")
결과:
[ ]
jqery 학습 의 세 가지 선택 기 서브 요소 와 폼
jqery 학습 의 세 가지 선택 기 간단 한 내용

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage