Blog Content

    티스토리 뷰

    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
    반응형

    Comments