반응형
1 <ul id="indexFind">
1. eq 필터 셀렉터- 1-1
- 1-2
- 1-3
- 1-4
1-5 <li class="notFind"><p>1-5</p></li>
- 1-6
- 1-7
$(function(){
$('#indexFind > li:eq(3)').css('color', 'red');
});
2. gt 필터 셀렉터
$(function(){
$('#indexFind > li:gt(3)').css('color', 'red');
});
3. lt 필터 셀렉터
$(function(){
$('#indexFind > li:lt(3)').css('color', 'red');
});
4. has 필터 셀렉터
$(function(){
$('#indexFind > li:has(p)').css('color', 'red');
});
$(function(){
$('#indexFind > li:not(.notFind)').css('color', 'red');
});
반응형
'프로그래밍 언어 > JQuery' 카테고리의 다른 글
Element 찾기 (2) (0) | 2016.02.03 |
---|---|
Jquery 란? (0) | 2016.02.02 |
Element 찾기 (1) (0) | 2016.02.02 |
자바스크립트로 HTML컨탠츠 변경 (0) | 2016.02.01 |
클릭하면 이미지가 바뀌는것 자바스크립트로 구현 (0) | 2016.01.29 |