• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>jQuery Filtering</title>
7
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
8
    <script>
9
        $(function() {
10
            $("button").on("click", function() {
11
                // 선택한 <li>요소 중에서 인덱스가 1과 같거나 그 이상인 요소만을 선택함.
12
                $("li").slice(1)
13
                    .css({"border": "2px solid green"});    // 해당 요소의 CSS 스타일을 변경함.
14
            });
15
        });
16
    </script>
17
</head>
18
​
19
<body>
20
​
21
    <h1>.slice() 메소드</h1>
22
    <ul>
23
        <li>첫 번째 아이템이에요!</li>
24
        <li>두 번째 아이템이에요!</li>
25
        <li>세 번째 아이템이에요!</li>
26
        <li>네 번째 아이템이에요!</li>
27
    </ul>
28
    <button>인덱스가 1이상인 요소!</button>
29
    <p id="text"></p>
30
31
</body>
32
​
33
</html>