>웹 프론트엔드 >JS 튜토리얼 >jquery에서 eq와 get의 차이점과 사용법

jquery에서 eq와 get의 차이점과 사용법

巴扎黑
巴扎黑원래의
2017-06-30 14:29:101304검색

나는 대부분의 사람들이 이 두 가지를 잘못 사용할 것이라고 믿습니다. API 문서를 주의 깊게 살펴보면 알 수 있습니다. eq는 jquery 객체를 반환하고 get은 html 객체 array를 반환합니다.

예:
b9c90d7adf57a081f40cf3bc0da43c27Feiyu94b3e26ee717c64999d7867364b1b4a3eq를 사용하여 첫 번째 p 태그의 색상 값을 가져옵니다.
$("p").eq(0 ).css ("color") //eq(num)은 jq 객체를 반환하기 때문에 jq 메서드 CSS를 사용하여 첫 번째 p 태그의 색상 값을 가져올 수 있습니다:
$("p").get (0).style. color //get(num)은 html 객체를 반환하기 때문에 전통적인 HTML 객체 방식을 사용해야 하며, 이때 jq 객체는 쓸모가 없습니다. 물론 get(num) 다음에 객체를 jq 객체로 변환한 다음 다음과 같이 실행할 수도 있습니다.
$($("p").get(0)).css("color")------ - ------------------------------------------------- - ------------------
more eq
참조:
http://api.jquery.com/eq/
------------ -- ------------------------------------------------ -- -----------
more get:
see:
http://api.jquery.com/get/
eq: 반환은 일치를 줄이는 데 사용되는 jquery 개체입니다. 요소가 하나의 요소로 설정되었습니다. 일치하는 요소 집합에서 이 요소의 위치는 0이 되고 집합의 길이는 1이 됩니다.
get: 일치하는 요소 중 하나를 얻는 데 사용되는 html 개체의 배열입니다. num은 어떤 일치 요소가 얻어졌는지 나타냅니다.

예: html 코드

코드는 다음과 같습니다.

<ul> 
<li>li-1</li> 
<li>li-2</li> 
</ul>


예를 들어 jquery 선택기 $("li")를 전달하면 두 개의 li 요소가 생깁니다. 어떻게 하나만 선택할 수 있습니까?

$( "li:eq(0)").html() 또는 $("li").eq(0).html()이 첫 번째 li입니다. 여기서는 li-1
$을 얻습니다. ("li:eq(1 )").html() 또는 $("li").eq(1).html()은 두 번째 li입니다. 여기서는 li-2를 얻습니다.

get을 살펴보겠습니다. get은 html 객체를 반환합니다. 여기서는
$("li").get(0).style.color='red'
이렇게만 사용하거나 get에서 반환된 객체를 작동하기 전에 jquery 객체로 변환할 수 있습니다
$($("li").get(0) ).css("color",'red')

전체 코드

코드는 다음과 같습니다.

 
 
<
HEAD
> 
 New 
Document
  
 
 
 
 
 
<ul> 
<li>li-1</li> 
<li>li-2</li> 
</ul> 
 


위 내용은 jquery에서 eq와 get의 차이점과 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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