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

2312 단어 eqget
예 를 들 어

스캔들 비

는 eq 를 사용 하여 첫 번 째 p 태그 의 color 값 을 얻 습 니 다:$("p").eq(0).css("color")//eq(num)가 jq 대상 으로 되 돌아 오기 때문에 jq 의 방법 css 는 get 을 사용 하여 첫 번 째 p 태그 의 color 값 을 얻 을 수 있 습 니 다:$("p").get(0).style.color//get(num)은 html 대상 으로 되 돌아 갑 니 다.그래서 전통 적 인 HTML 대상 방법 을 사용 하려 면 jq 대상 은 이때 쓸모 가 없다.물론너 도 get(num)후 대상 을 jq 의 대상 으로 바 꾸 어 다시 조작 할 수 있다.http://api.jquery.com/eq/ -------------------------------------------------------------------------- more get: see: http://api.jquery.com/get/ 복귀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 이 html 대상 으로 돌아 오기 때문에 우 리 는 여기에$(li).get(0).style.color='red'만 이렇게 사용 하거나 get 을 jquery 대상 으로 변환 합 니 다.$($("li").get(0).css("color","red")를 조작 하면 전체 코드 를 완성 할 수 있 습 니 다
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<SCRIPT LANGUAGE="JavaScript" src="js/jquery.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$("document").ready(function(){
alert($("li:eq(1)").html());// li-2 alert($("li:eq(0)").html())
$("li").get(0).style.color='red';
$($("li").get(1)).css("color",'red')
})
//-->
</SCRIPT>
</HEAD>
<BODY>
<ul>
<li>li-1</li>
<li>li-2</li>
</ul>
</BODY>
</HTML>

좋은 웹페이지 즐겨찾기