배열 관련 메서드_jQuery

- 검색된 객체는 배열로 반환된다.

- 배열로 반환된 객체를 쉽게 원소에 접근 할 수 있도록 만들어진 메서드가 있다.

- $('선택자').each(function(){})

  -> 선택자로 검색된 배열 객체를 each 메서드로 통하여 원소를 하나씩 접근 할 수 있도록 도와주는 메서드

- $('선택자').index('직접 선택자 혹은 인접관계 선택자로 찾아진 배열 객체 중 1개')

  -> 인수에 삽입된 객체를 앞에 검색된 객체와 비교하여 일치하는 객체의 index를 찾아 반환

 

each

- 검색된 배열 객체를 메서드를 통해 원소에 쉽게 접근 가능

<div class="mydiv">mydiv</div>
<div class="mydiv">mydiv</div>
<div class="mydiv">mydiv</div>
<div class="mydiv">mydiv</div>

<script type="text/javascript">
var mydiv=$('.mydiv');
for(var i=0; i<mydiv.length; i++){
	console.log(mydiv[i],'for');
}
$('.mydiv').each(function(i,obj){
		console.log(this,i,obj,'each');
	})	
</script>

index

- 검색된 배열 객체 중 원소를 인수에 삽입하여 해당 원소의 인덱스값 검색

<button type="button" class="btn01">클릭</button>
<button type="button" class="btn01">클릭</button>
<button type="button" class="btn01">클릭</button>
<button type="button" class="btn01">클릭</button>
<script type="text/javascript">
	var btn01=$('.btn01');
	btn01.click(function(){
		//전체 중 전체의 일부를 인수에 삽입한다.
		var index = btn01.index(this);
		console.log(index);	
	})
</script>