>  기사  >  웹 프론트엔드  >  jquery_jquery에서 요소를 얻는 여러 가지 방법 요약

jquery_jquery에서 요소를 얻는 여러 가지 방법 요약

WBOY
WBOY원래의
2016-05-16 18:05:101285검색

1 지정된 일련 번호가 있는 컬렉션에서
html 요소를 가져옵니다.

코드 복사 코드는 다음과 같습니다.


0


1

🎜>

3


5


6

7< /p>




JS


3 요소 가져오기 조건식과 일치
html:




코드 복사


코드는 다음과 같습니다.



0


js



코드 복사


코드는 다음과 같습니다.




4 요소의 이전 요소와 다음 요소 가져오기
HTML:




코드 복사


코드는 다음과 같습니다.



1번

2번


3번

4


🎜>

아니요. 7< /p>

js 코드 복사
코드는 다음과 같습니다.


//요소의 다음 요소 가져오기
jQuery(function(){
$ ("p").next(".yes").css("color", "red")
})
//요소의 이전 요소 가져오기
jQuery(function() {
$("p").prev(".yes").css( "color","red")
})


5 상위 요소를 가져오고 요소의 하위 요소
html: 코드 복사
코드는 다음과 같습니다.


1번


2번


3


5

"예"


7







코드 복사 코드는 다음과 같습니다. //요소의 상위 요소 가져오기
jQuery( function(){
$("p").parent().css("color","red");
})
//의 하위 요소를 가져옵니다. 요소
jQuery(function (){
$("#aa").children(".yes").css("color","red");
})

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.