작성일 : 11-11-29 20:05
|
[JQuery] JQuery Source Filter Slice
|
 |
|
글쓴이 :
조형래
 조회 : 3,974
|
<style type="text/css">
.redBorder { border:solid 1px red; }
.five { border-width:5px; }
.red { color:Red; }
.silver { background-color:Silver; }
</style>
<script src="js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('img').addClass('redBorder') // 모든 이미지에 redBorder 클래스 적용
.filter('[title*=닷넷]').addClass('five') // '닷넷' title만 뽑아서 five 클래스 적용
.end() // 부모로 이동
.filter('[alt$=디드]').removeClass('redBorder'); // '디드'로 끝나는 스타일 제거
// size() 해당 결과값(집합)의 개수
alert("현재 웹 페이지에는 " + $('input').size() + "개의 input 태그가 있다.");
// 2번째와 3번째만 스타일 적용
$('input').slice(1, 3).addClass('red'); // 1번째 인덱스에서 (3-1)번째 인덱스까지
$(':text').addClass("Silver"); // 모든 텍스트박스의 배경을 Silver로 설정
});
</script>
<img src="" title="닷넷" alt="닷넷" />
<img src="" title="자바" alt="자바" />
<img src="" title="임베디드" alt="임베디드" />
<input type="button" value="버튼" />
<input type="button" value="버튼" />
<input type="button" value="버튼" />
<input type="button" value="버튼" />
<input type="text" value="test">
|
|
941
