본문 바로가기
반응형

참고72

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.
JSON - Javascript Object Notation JSON이란? 데이터를 저장하거나 전송할 때 사용되는 경량의 DATA-교환 형식 Javascript에서 객체를 만들 때 사용하는 표현식 JSON표현식은 사람과 기계 모두가 이해하기 쉽고 용량이 작다. var arr1 = [ {"area":"서울", "name":"무대리"}, // index 0 {"area":"부산", "name":"홍과장"}, // index 1 {"area":"서울", "name":"빅마마"} // index 2 ] document.write(arr1[0].name); 설명 arr1에 배열 인덱스번호 0번째에 있는 name을 출력한다. 결과 무대리 객체처럼 key / value 값이 있으며 key값이나 문자열은 " "(쌍따옴표)를 이용. 객체, 배열 등 사용 가능. 다수 중첩 사용 가.. 2020. 5. 26.
jquery - 배열 관련 메서드 *each()/$.each() 메서드 - 배열에 저장된 요소를 순서대로 하나씩 선택하면서 인덱스 정보를 가져옴 // 기본형 1. $("요소 선택").each(function(매개변수1, 매개변수2) {}) $.each($("요소 선택"), function(매개변수1, 매개변수2) {}) ---------------------------------------------------------- 2. $("요소 선택").each(function() { $(this) }) $.each($("요소 선택"), function() { $(this) }) 번의 코드는 배열에 저장된 요소의 개수만큼 메서드 반복 실행. 실행때마다 매개변수1, 2에는 배열에 저장된 요소와 인덱스의 값이 배열에 오름차순으로 대입. 번의 코드.. 2020. 5. 26.
반응형

티스토리툴바