1. :nth-child() 필터선택자
<script>
$(function(){
1. n번째 위치하는 객체선택(인덱스)
$("tr:eq(0)").css({"background":"orangered","color":"white")};
2. 수열번째 위차하는객체선택(인덱스가 아니라 순번으로 인식)
$("tr:nth-child(2n)").css("background","red");
$("td:nth-child(3n)").css("color","white");
3.n번째를 초과하는객체
$("tr:gt(6)").css("background","lightgray");
4.n번째 미만에 위치하는 객체
$("tr:lt(7)").css("color","red");
5. 특정 문자열을 포함한객체선택
$("td:contains('A형')").css("color","blue");
6. 특정태그를 가지고 있는 객체
$("td:has(a)").css("color","white");
7. 선택자와 일치하는 객체선택
$("td:not(:contains('송남규'))").css("color","skyblue");
})
</script>
JavaScript
복사