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

예:

Feiyu

eq를 사용하여 첫 번째 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")--- -- ------------------------------------------------ -- ------------------
자세한 내용
참조:
http://api.jquery.com/eq/
-- - ------------------------------------------------- - ---------------------
더 보기:
참조:
http://api.jquery.com/get/
eq: 반환은 일치하는 요소 집합을 하나의 요소로 줄이는 기능을 가진 jquery 개체입니다. 일치하는 요소 집합에서 이 요소의 위치는 0이 되고, 집합의 길이는 1이 됩니다.
get: 일치하는 요소 중 하나를 가져오는 데 사용되는 html 개체의 배열입니다. num은 어떤 일치 요소가 얻어졌는지 나타냅니다.

예: html 코드

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

• li-2


>예를 들어 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이 html 객체를 반환하므로 여기 있습니다.
$("li" ).get(0).style.color='red'
이 방법으로만 사용하거나 get에서 반환된 개체를 작업하기 전에 jquery 개체로 변환합니다.
$($("li" ).get(0)).css ("color",'red') 수

코드 완성

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

>

• ;li-1


• li-2