Slice() 메서드 : 지정된 위치의 문자열 반환 |
silce(n, index) : 왼쪽에서 n번째 문자열 반환 |
silce(-n) : 오른쪽에서 n자 반환 |
13.Silce.htm |
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>silce() 메서드로 지정된 개체만 가져오기</title> <style type="text/css"> .red { color:Red; } </style> <script src="jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { //size() 해당 결과값(집합)의 개수(반환값) alert("현재 웹 페이지에는 " + $('input').size() + "개의 input 태그가 있다."); //2번째와 3번째만 스타일 적용 $('input').slice(1, 3).addClass('red'); //1번째 인덱스에서 (3-1)번째 인덱스까지 }); </script> </head> <body> <h1>2번째와 3번째 버튼에만 빨간 글씨 적용</h1> <input type="button" value="버튼A" /> <input type="button" value="버튼B" /> <input type="button" value="버튼C" /> <input type="button" value="버튼D" /> </body> </html> |
결과화면 |
[그림13-1] |
'jQuery | javascript | CSS' 카테고리의 다른 글
15.jQuery - ToggleClass ( 15.ToggleClass ) (0) | 2009.11.06 |
---|---|
14.jQuery - Toggle 메서드 토글링 ( 14.Toggle ) (0) | 2009.11.06 |
12.jQuery - Filter : 필터 ( 12.Filter ) (0) | 2009.11.06 |
11.jQuery - Click 클릭이벤트 ( 11.Click ) (0) | 2009.11.06 |
10.jQuery - this 이벤트 ( 10.ThisId ) (0) | 2009.11.06 |
Comments