jQuery) 자바스크립트의 배열 객체가 아닌 jQuery의 배열 객체를 다루는 방법

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

jQuery의 배열 객체는 따로 만드는 것이 아니라 선택자를 사용해 여러 개의 문서 객체를 선택할 때 생성된다.

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <style>
       /*.high_light{
           background:Yellow;
       } */
       .high_light_0{background:Yellow;}
       .high_light_1{background:Orange;}
       .high_light_2{background:Blue;}
       .high_light_3{background:Green;}
       .high_light_4{background:Red;}
   </style>
    <script src="http://code.jquery.com/jquery-1.7.min.js"></script>
    <script>
       $(document).ready(function(){
           // $('h1').addClass('high_light');
           $('h1').each(function (index, item){
               $(this).addClass('high_light_'+index);
           });
       });
   </script>
<title>무제 문서</title>
</head>

<body>
   <h1>item - 0</h1>
    <h1>item - 1</h1>
    <h1>item - 2</h1>
    <h1>item - 3</h1>
    <h1>item - 4</h1>
</body>
</html>

ohming

jQuery) 자바스크립트의 배열 객체가 아닌 jQuery의 배열 객체를 다루는 방법

댓글

티스토리툴바