Web/jQuery3 jQuery 클릭 이벤트 on 과 click 의 차이 예제) 버튼이 생성되는 이벤트 ++ click() : 한번만 일어남 단순하게 정적 페이지에 로드된 요소에 클릭 이벤트를 처리할 때 동적 처리 불가 $(document).ready(function () { $(document).click(function(){ $("body").append("+"); }); }); on() : 이벤트를 물려받을 수 있음 주최가 되는 부모속성의 이벤트를 물려받아서 지정 선택자에게 이벤트 연결할 수 있음 동적 처리 가능 $(document).ready(function () { $(document).on("click", "button[name='add']", function () { // 행위를 지정, 지정자 선택 $("body").append("+"); }); }); 참고) m.. 2021. 3. 24. [jQuery] $.each() 메소드 $.each() 메소드 : jQuery에서 배열을 관리하는 목적 - 반복문과 같이 배열이나 객체의 요소를 검사할 수 있음 // jQuery 유틸리티 메소드 $.each(object, function(index, item){ }); // jQuery 일반 메소드 $(selector).each(function(index,item){ }); jQuery에 선택자를 넘기면 해당 선택자를 js 반복문과 같이 사용되는 것! 배열을 전달 var arr= [ {title : '다음', url : 'http://daum.net'}, {title : '네이버', url : 'http://naver.com'} ]; // $.each() 메서드의 첫번째 매개변수로 위에서 선언한 배열은 전달 $.each(arr, functio.. 2021. 1. 20. [jQuery] HTML 폼에서 submit 할 때 특정 함수를 실행시키는 2가지 방법 triki.net/prgm/960 [jQuery] HTML 폼에서 서브밋 할 때 특정 함수를 실행 시키는 2가지 방법 – 모두의매뉴얼 HTML 태그인 폼(Form)에서 서브밋(Submit) 할 때 함수를 실행시키고 싶어요. 아주 간단하게는 서브밋 직전에 확인용으로 메시지 박스를 하나 띄우고 뭔가를 처리한 다음 기본 프로시져를 실행시키는 triki.net 2020. 11. 12. 이전 1 다음