jquery (4) 코딩할 때 알아두면 좋은 사이트 모음 Java Platform SE 8 자바 클래스, 메소드 검색 사이트, 클래스가 어떤 클래스나 인터페이스를 상속 받는지 메소드는 어떻게 쓰는 건지 확인 https://docs.oracle.com/javase/8/docs/api/ Java Platform SE 8 docs.oracle.com Maven Repository pom.xml에 넣을 코드 확인. 가장 최신 버전보다는 사람들이 많이 복사한 버전을 사용하는 것이 좋음 https://mvnrepository.com/ jQuery https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like H.. [jQuery] 함수, 이벤트 $("#id").hasClass(""); // 조건문 (id가 active를 가지고 있으면 실행) $("#id").addClass(); // 클래스 추가 $("#id").removeClass(); // 클래스 삭제 $("#id").attr("href"); // 속성 값 Get $("#id").attr("attributeName"," value") // 속성 추가(id에 attributeName 속성을 추가하고 속성 값은 value $(#"btn").click(function(){ //btn을 클릭하면 수행 될 내용 }); $(#"btn").mouseover(function(){ //btn에 마우스가 올려지면 수행 될 내용 }); $("#btn").focus(function(){ //btn에 포커스를 얻었.. jQuery, Ajax 옵션 정리 accepts (default: depends on dataType) Type : PlainObject 키/값 형태이며 해더에 포함한다. 어떤 종류의 응답을 받아들일지 서버에 알려주는 역할을 한다. async (default: true) Type : Boolean 기본적으로 비동기 요청을 하도록 한다. 동기 요청이 필요하면 값을 false로 설정하면 된다. beforeSend Type: Function( jqXHR jqXHR, PlainObject settings ) 전송 전에 실행되며 false 를 리턴하게 되면 요청이 취소된다. cache (default: true, false for dataType 'script' and 'jsonp') Type: Boolean false로 설정 시 브라.. 동적 이벤트 생성, 바인딩 동적 이벤트 생성 화면을 동적으로 구성하는 경우 (체크박스에 체크 or 해제 시 이벤트 발생, 게시글 목록 클릭시 등) 클릭 이벤트를 사용할 수 없음 !! $(".modalData").on("click", function(){ alert("XXX실행XXX"); }); 위와 같이 이벤트를 작성할 경우 동적으로 구성된 요소에는 이벤트가 작동하지 않음 아래와 같이 이벤트 바인딩은 document 등 상위에 걸고, 인자로 필터를 걸면 됩니다. $(document).on("click", ".modalData", function(){ alert("OOO실행OOO"); }); 적용: https://ayon.tistory.com/10 이전 1 다음