1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <script src="js/jquery.js"></script> </head> <body> <div class="box">1</div> <div class="box">2</div> <div class="box">3</div> <div class="box">4</div> <div class="box">5</div> <div class="box">6</div> <div class="box">7</div> <div class="box">8</div> <div class="box">9</div> <div class="box">10</div> <div class="box">11</div> <div class="box">12</div> <div class="box">13</div> <script> $(".box").slice(2, 8) //slice(start, end) : start, end 까지의 index 요소를 선택한다. // between .css("background", "pink") .wrapInner("<b></b>"); // 선택된 요소의 내용을 태그로 감싼다. </script> </body> </html> |
반응형
'jQuery' 카테고리의 다른 글
| [jQuery] html5 data 속성 제어 - data() 메서드 활용 (0) | 2016.03.08 |
|---|---|
| [jQuery] $._data($("selecter")[0], 'events' ) - has a event 이벤트를 가지고 있는지 체크 (0) | 2016.03.07 |
| [jQuery] 페이징 스크롤 (0) | 2016.03.07 |
| [jQuery] event.data trigger - 이벤트 데이터 전달 (0) | 2016.03.03 |
| [jQuery] is() - 요소가 맞는지, 속성을 가지고 있는지 확인 hasAttribute (0) | 2016.02.24 |
