반응형 참고/Jquery26 jquery - 이벤트(event)등록 메서드 종류 *이벤트 등록 메서드의 종류 - 로딩(loading) 이벤트 구분 종류 설명 로딩 이벤트 load() 선택한 이미지 또는 프레임 요소에 연동된 소스의 로뎡이 완료된 후 이벤트 발생. ready() 지정한 HTML 문서 객체의 로딩이 완료된 후 이벤트 발생 error() 이벤트 대상 요소에서 오류가 발생하면 이벤트 발생. - 마우스(mouse) 이벤트 구분 종류 설명 마우스 이벤트 click() 선택한 요소를 클릭했을 때 이벤트 발생. dblclick() 선택한 요소를 연속해서 두 번 클릭했을 때 이벤트가 발생. mouseout() 선택한 요소의 영역에 마우스 포인터가 벗어났을 때 이벤트 발생. 이때 하위 요소의 영향을 받음. mouseover() 선택백한 요소의 영역에 마우스 포인터를 올렸을 때 이벤트 .. 2020. 5. 27. jquery - 이벤트(event)등록 메서드 기본형 ※그룹 이벤트 등록 시에 on() 메서드를 사용함 버튼 --------------------------------------------- // 단독 이벤트 $("#btn").click(function(){ 자바스크립트 코드; }); // $("#btn") 이벤트 대상 // click 이벤트 종류 // (function(){ 자바스크립트 코드; }); 이벤트 핸들러 ============================================= // 그룹 이벤트 // on()메서드 등록 방식 1 $("#btn").on("mouseover focus", function() { console.log("welcome"); }); -----------------------------------------.. 2020. 5. 27. jquery - 배열 관련 메서드 *each()/$.each() 메서드 - 배열에 저장된 요소를 순서대로 하나씩 선택하면서 인덱스 정보를 가져옴 // 기본형 1. $("요소 선택").each(function(매개변수1, 매개변수2) {}) $.each($("요소 선택"), function(매개변수1, 매개변수2) {}) ---------------------------------------------------------- 2. $("요소 선택").each(function() { $(this) }) $.each($("요소 선택"), function() { $(this) }) 번의 코드는 배열에 저장된 요소의 개수만큼 메서드 반복 실행. 실행때마다 매개변수1, 2에는 배열에 저장된 요소와 인덱스의 값이 배열에 오름차순으로 대입. 번의 코드.. 2020. 5. 26. jquery - 제이쿼리 배열 관련 메서드 종류 *배열 관련 메서드 종류 종류 사용법 설명 each()/ $.each() $("요소 선택").each(function) $.each($("요소 선택"), function) 배열에 저장된 문서 객체만큼 메서드가 반복 실행됨. 배열에 저장된 객체의 인덱스 순서대로 하나씩 접근하여 객체를 선택하고 인덱스를 구함. $.map() $.map(Array, function) 배열에 저장된 데이터 수만큼 메서드가 반복 실행됨. 함수에서 반환된 데이터는 새 배열에 순서대로 저장됨. 새로 저장된 배열 객체를 반환함. $.grep() $.grep(Array, function) 배열에 저장된 데이터 수만큼 메서드가 반복 실행됨. 반환값이 true인 경우에만 배열의 데이터가 인덱스 오름차순으로 새 배열에 저장되며 그 배열을 반.. 2020. 5. 26. 이전 1 2 3 4 5 6 7 다음 반응형