13.jQuery - Silce ( 13.Silce )
| 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] |
13.Silce.htm