[제이쿼리] 5. jQuery 배열(array)

*jQuery코드를 작성해주세요!!

*변경후 Reset 버튼 클릭!!

<!DOCTYPE html>

<head>
<style>

</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>

$(document).ready(function(){
var array = [
{name: 'aaa' , link:'aaa1'},
{name: 'bbb' , link:'bbb2'},
{name: 'ccc' , link:'ccc3'}
];

$.each(array , function (index,item){
var str='';

str +='<a>'+item.name+'</a>';
$('.outputClass').append( str+"//");
});

});

</script>

</head>
<div class="outputClass">여기 뒤에 붙어라!</div>
 </body>
 </html>

*jQuery 의 배열 관리에 대해서 알아보겠습니다.

-배열을 관리할 때는 each()메서드를 사용합니다.

each()메서는 for in 처럼 배열의 요소를 검사하는 메서드입니다.

위 코드에 name 속성(aaa,bbb,ccc ) 를 div 태그에 붙일 수 있습니다.

저작자표시

'배워보자!! > jQuery' 카테고리의 다른 글

[제이쿼리] 4. Jquery css() 메서드 (0)	2015.02.12
[제이쿼리] 3. jQuery event(pageX , pageY ) (0)	2015.02.10
[제이쿼리] 2. jQuery animate(); (0)	2015.02.10
[제이쿼리] 1. jQuery click() , slideUp(); (0)	2015.02.03

행복하자요!!

[제이쿼리] 5. jQuery 배열(array)

'배워보자!! > jQuery' 카테고리의 다른 글

댓글

티스토리툴바

[제이쿼리] 5. jQuery 배열(array)

'배워보자!! > jQuery' 카테고리의 다른 글

관련글

댓글

티스토리툴바