:숫자로 특정 개체를 선택하는 방법은 무엇입니까? 이처럼
<div>Hello</div>
<div>World</div>
나는 두 번째 DIV onClick 이벤트가 붉은 색을 설정하는 것이, 내가 방법 첫 아이를 알고,하지만 난 DIV 같은 더 especific을하려는 경우에만처럼 [1]이 어떻게 할 수있는 것 ? 만 사용하려는 경우 1
또는 :eq() 지수는 :eq()
또는
$('div:nth-child(2)').click(function(){ // or $('div:eq(1)').click(function(){
$(this).css('color','red');
});
사용 :nth-child() 인덱스가 시작됩니다 jQuery,사용 84,323,
$('div').eq(1).on('click',function(){
$(this).css({color:'red'});
});
또는 당신은 클래스를 작성하여 CSS와 콤보 수는을 만들면서,
$('div').eq(1).on('click',function(){
$(this).addClass('RedClicked');
});
나는 후자를 권장합니다
.RedClicked {
color:red;
}
을 그리고 같은 클릭 이벤트를 사용하여 CSS는 훨씬 더 재사용 가능했습니다.
성능상의 이유로 jQuery 의사 선택기를 사용하지 않는 것이 가장 좋습니다.이 선택기는'.eq()'메소드와 비교할 때 매우 느립니다. http://jsperf.com/jquery-eq-method-vs-eq-pseudo-selector –
감사합니다. nth-child를 선호합니다. D –
@FedericoPiragua 환영합니다. 행복하게 도와주세요. :) –
.eq()과 동일 0
또는 :nth()에서 시작에서
'빨간색'이라고 이름 붙이지 마세요 ;-) –
방금 그 이름을 내 엉덩이에서 꺼 냈지만 "빨간색"은 끔찍한 classname 하하. – PlantTheIdea
는 diffrant 방법
$('div').eq(1)// will select <div>World</div>
또는 (내가 늘이 추천하지만) 당신이
$($('div')[1]) // same as .eq
마지막 것은 jQuery 객체가 아닌 순수한 자바 스크립트 객체를 선택합니다. 그것은 eq와 같지 않다. – PlantTheIdea
죄송합니다 결과가 같음을 의미합니다 –
답변을 편집했습니다. –
당신은 (CSS의 n 번째의 아이를 사용할 수 있습니다
$("div:nth-child(1)") // will select <div>Hello</div>
하거나 사용할 수있다) 이 선택기는 유형에 관계없이 부모의 n 번째 하위 요소 인 모든 요소를 찾습니다.
EG : click
<html>
<head>
<style>
p:nth-child(1)
{
background:#ff0000;
}
</style>
</head>
<body>
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p><b>Note:</b> Internet Explorer 8 and earlier versions do not support the :nth-child() selector.</p>
</body>
</html>
[n 번째 자식 (http://api.jquery.com/nth-child-selector/)? – karthikr