2016년 10월 4일 화요일

[Ajax강의,jQuery강의,자바강의★탑크리에듀]특정 위치 문서 객체 선택 jquery selector

특정 위치 문서 객체 선택
필터 선택자 : eq(), first(), last()

<html>
<head>
<meta charset="utf-8"/>
<script src="/ajaxjquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
//eq() : 양수, 음수입력 가능, 음수면 뒤에서 부터
$(document).ready(function() {
$('h3').eq(0).css('background', 'blue');
$('h3').eq(-1).css('background', 'red');
//h1의 속성 입력하고 추가로  h2 의 css 지정
$('h1').css('background', 'gray').add('h2').css('float','left');
});
</script>
<body>    
<h3>오라클자바커뮤니티-0</h3>
<h3>오라클자바커뮤니티-1</h3>
<h1>오라클자바커뮤니티-2</h1>
<h2>오라클자바커뮤니티-3</h2>
</body></html>
 
j16.png

댓글 없음:

댓글 쓰기