<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
</ul>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$("li").slice(0, 2).css("background", "red");
$("li").slice(4, 5).css("background", "green");
$("li").slice(-2).css("background", "skyblue"); // 마지막요소부터 선택
$("li").slice(-7, -4).css("background", "gold");
</script>
</body>
</html>
반응형
'jQuery' 카테고리의 다른 글
| [jQuery] $.param 쿼리스트링 쉽게 만들기 (0) | 2023.07.17 |
|---|---|
| [jQuery] hasClass 클래스 여러개 체크 하기? - is 메서드로 해결 (0) | 2019.03.21 |
| [jQuery] wrapAll - 선택요소 4개씩 묶어 부모요소 wrap으로 감싸기, 반복문 4의 배수 (0) | 2019.01.09 |
| [JQuery] input file 이미지 파일 등록 업로드, 이미지 미리보기, 이미지 파일 삭제 (1) | 2018.08.23 |
| [jQuery] css 배경이미지 넓이 높이 사이즈 얻기 - image load event (0) | 2017.09.22 |
