eq() 메서드


eq() 메서드

** eq() : 선택한 요소의 특정 인덱스 번호를 가진 요소를 반환 <body> <ul> <li>나는 내용 1</li> <li>나는 내용 2</li> <li>나는 내용 3</li> <li>나는 내용 4</li> <li>나는 내용 5</li> </ul> </body> <script> window.onload = function(){ $("li").eq(2).css("color","red") }; </script> eq(2)이지만 '나는 내용 3'에 red으로 변경된 이유는 jQuery에서는 인덱스 번호는 0부터 시작이기 때문에 '나는 내용 2'가 변경이 아니고 '나는 내용 3'이 변경된 이유이다. 하지만, eq()를 작성한 이유는 css로도 가능한 코드가 있어 소개하기 위함입니다. ** :nth-child(n) : 특정 요소의 n 번째 자식 요소를 선택하는 데 사용 <style> li:nth-child(2){ color: red } </style> <body> <ul> <li>나는 ...


#css #인덱스번호 #요소 #선택요소 #메소드 #window #script #onload #jQuery #function #eq #특정

원문링크 : eq() 메서드