Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- jquery dom 계층 선택자
- jquery 필터선택자
- Java
- jquery 속성선택자
- 순열 재귀
- 자바스크립트 이벤트처리
- java lambda
- 자바 재귀 조합
- java Collections.sort()
- 자바
- 알고리즘
- str to char array
- parseInt()
- 서로소
- 자바입출력
- inner class
- 후위표기
- 조합 재귀
- char to str
- jquery 이벤트 처리
- 상속
- java 내부 클래스
- Interface
- 자바 조합 재귀
- 재귀함수
- 자바 순열 코드
- 자바스크립트 이벤트중지
- 재귀
- 알고리즘 그래프
- 순열코드
Archives
- Today
- Total
유블로그
[jQuery] jQuery method 본문
선택자로 탐색한 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;
});
'JavaScript & jQuery' 카테고리의 다른 글
[JavaScript] form input 값 없을 때 submit 금지 (0) | 2020.09.11 |
---|---|
[JavaScript] 이벤트 중지시키는 여러가지 방법 (0) | 2020.09.11 |
[jQuery] DOM 요소 필터링 - 필터선택자 (0) | 2020.09.11 |
[jQuery] DOM 속성 탐색 - 속성선택자 (0) | 2020.09.10 |
[jQuery] DOM 계층구조 탐색 선택자 (0) | 2020.09.10 |