⭐ each 메소드
- 배열의 모든 인덱스에 순차적으로 접근하고자 할 때
- 객체가 가지고 있는 모든 속성에 순차적으로 접근하고자 할때
==> 사용하는 for in문과 유사하게 수행되는 메소드
1) $.each(객체|배열, function([매개변수1,매개변수2]){
순차적으로 접근할 때마다 실행할 내용;
})
2) $(객체|배열).each(function(){
순차적으로 접근할 때마다 실행할 내용;
});
객체 제시시
- 첫 번째 매개변수에는 순차적으로 접근할때마다의 객체 속성명(key)값이 담김
- 두 번째 매개변수에는 해당 속성값(value)값이 담김
배열 제시시
- 첫 번째 매개변수에는 순차적으로 접근하는 인덱스 수 담김
- 두 번째 매개변수에는 인덱스의 값이 담김
=====> 객체 제시시 1번 방식만 사용하기
2) 이벤트핸들러
- 이벤트 메소드를 통한 연결
$("선택자").이벤트메소드(function(){ 해당 요소에 해당 이벤트 발생시 실행할 내용; })
- on 메소드를 통한 연결
$("선택자").on("이벤트명", function(){ 해당 요소에 해당 이벤트 발생시 실행내용;})
- ⭐동적으로 만들어진 요소에 이벤트 적용
$("상위요소선택자").on("이벤트명","하위요소선택자(이벤트를걸고자하는요소), function() 선택된 상위요소 안에 존재하는 하위요소에 해당 이벤트가 발생했을 때 실행할 내용; })
