유블로그

[jQuery] jQuery method 본문

JavaScript & jQuery

[jQuery] jQuery method

yujeong kang 2020. 9. 11. 00:22

선택자로 탐색한 DOM 객체는 래퍼세트라는 배열 객체로 반환된다.

아래는 그 객체를 처리하는 method들이다.

메소드 반환값 설명
size() 요소 개수 래퍼세트 요소 개수 반환
get(index) DOM 요소 인덱스 번호에 위치하는 DOM객체 반환
index(element) 인덱스 번호 해당 요소의 인덱스 번호 반환
add(expr) 래퍼세트 expr 로 명시한 요소 래퍼세트에 추가
not(expr) 래퍼세트 expr 로 명시한 요소 래퍼세트에서 제거
each(function(index, element) 이전 래퍼세트 래퍼세트의 각 요소마다 function 수행
filter(expr) 래퍼세트 expr에 명시한 요소 필터링
slice(begin, end) 래퍼세트 현재 래퍼세트의 일부분으로 새로운 래퍼세트 생성하여 반환

* each() 예시

$(document).ready(function() {
		var array = [
			{ 	name: 'Naver',
				link: 'http://www.naver.com' },
			{ 	name: 'Google',
				link: 'http://www.google.com' }
			];
		var outHtml = '';
		// array 배열을 탐색하며 outHtml 생성
		$.each(array, function (index, item) {
			outHtml += '<a href="' + item.link + '">';
			outHtml += ' <h2>' + item.name + '</h2>';
			outHtml += '</a>';
		});
		document.body.innerHTML = outHtml;
});