Programming/JQuery 썸네일형 리스트형 onchange 제거하기 onchange 제거하기 기존 script를 이용한 onchange 예제 function domainSel() { document.getElementById("email2").value = document.getElementById("domainSel").value; } 이메일 @ 이메일 도메인 선택 ProtoType을 이용한 onchange 제거 $("domainSel").observe( "change", function() { document.getElementById("email2").value = document.getElementById("domainSel").value; }); jsp소스는 위와 동일하다. 더보기 div 숨기기 / 보이기 (jQeury 버전) JQuery : $("#id").hide(); , $("#id").show();- hide 숨김, show 보임, hide, show 안에 인자를 slow, normal, fast 중 하나로 보임숨김의 속도를 조절 할 수 있다.- 아니면 수치로 1000분의 1초로 할 수 있음. show(950) 일반적인 div보이기/숨기기 - http://isstory83.tistory.com/68 더보기 jQuery checkbox 컨트롤 checkbox checked 여부 : - id로 체크하는 경우$('input:checkbox[id="checkbox_id"]').is(":checked") == true - name으로 체크하는 경우$('input:checkbox[name="checkbox_name"]').is(":checked") == true - $('input[id="checkbox_id"]') + 옵션 형태로 작성 가능 $('input[name="checkbox_name"]').is(":checked") checkbox 갯수 확인 : - 전체 갯수 $('input:checkbox[id="checkbox_name"]').length - 선택된 갯수$('input:checkbox[id="checkbox_name"]:checked').. 더보기 jQuery - 폼 지원 메소드 [ .submit( handler(eventObject)) ] Submit이 일어날 때 (서식이 전송될 때) 발생하는 이벤트 .submit( handler(eventObject) ) handler(eventObject) 이벤트가 발생하면 실행될 기능. .submit( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 맵. handler(eventObject) ) 이벤트가 발생하면 실행될 기능. .submit() .submit(handler(eventObject) 를 살펴 보면, 뒤에 handler라는 것이 존재를 하고 있다. .submit()을 호출하게 되면 정의된 handler를 실행하고 리턴 받은 Boolean값을 통해 서버로 데이터 전송.. 더보기 jQuery - 스타일 관련 메소드 [ .css() ] 적용된 스타일을 가져오거나, 새로운 스타일을 적용한다. css(propertyName) .css(propertyName) css(propertyName, Value) .css(propertyName, value) .css(propertyName, function(index, value) .css(map) $(“div”).css(“background-color”) $(“div”).css(“background-color”, “red”); 위의 소스는 이미 적용된 스타일을 가져오는 것이고, 아래의 예는 배경 색을 빨간색으로 지정하는 소스이다. $(“div”).css(“background-color”, function(index, value) { }); 와 같은 형식을 통해 자신이 원하는 기.. 더보기 jQuery Event - Browser Events jQuery Event - Browser Events .error() 오류가 발생할 때 발생되는 이벤트 .resize() 화면 크기가 변경될 때 발생하는 이벤트 .scroll() 스크롤이 움직일 때 발생하는 이벤트 [ .resize(handler(eventObject) ] 창의 크기가 변할 때 발생하는 이벤트 .resize( handler(eventObject) ) handler(eventObject) 이벤트가 실행될 때 동시에 수행될 기능 .resize( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 맵 handler(eventObject) 이벤트가 실행될 때 동시에 수행될 기능 .resize() resize 핸들러 안의 코드는 핸들러가.. 더보기 jQuery Event - .one() & .live() & .die() jQuery Event - .one() & .live() & .die() .one() .bind()와 동일하지만 이벤트가 한 번 실행된 후 .unbind()가 된다. .live() 앞으로 생성될 요소에도 이벤트 핸들러를 지정 이벤트 델리게이션(Event Delegation)을 사용하여 새로 생성되는 요소에도 이벤트가 적용된다는 점에서 .bind()와 다르다. .die() .live()로 생성된 이벤트 핸들러를 삭제한다. [ .one( events [, data], handler(eventObject)) ] .bind() 메소드와 동일한 방식으로 이벤트를 추가한다. 하지만 .one() 메소드를 통해 추가된 이벤트는 딱 한번만 실행이 되고 사라지게 된다. .one( events [, data], handle.. 더보기 jQuery Event - .bind() & .unbind() jQuery Event - .bind() & .unbind() .bind() 요소에 이벤트 핸들러를 지정 .unbind() 지정된 이벤트 핸들러를 삭제 [ .bind( eventType [, eventData] , handler(eventObject)) ] .bind() 메소드는 말 그대로 개체와 이벤트를 묶어주는 역할을 한다. .bind( eventType [, eventData], handler(eventObject) ) eventType 하나 이상의 DOM 이벤트를 표현하는 문자열. "click", "submit," 또는 사용자가 만든 함수들(사용자정의함수). eventData 이벤트 핸들러에 전달하기 위한 데이터 집합(map of data). handler(eventObject) 이벤트와 함께 실.. 더보기 jQuery Event - Document loading jQuery Event - Document Loading .load() 페이지 로딩이 완료되었을 때 발생하는 이벤트 .ready() DOM이 모두 준비 되었을 때 발생하는 이벤트 .unload() 페이지를 벗어날 때 발생하는 이벤트 [ .load(handler(eventObject) ] load 이벤트는 모든 요소들이(포함한 하위 요소까지도) 완전히 읽혀(load)졌을 때 발생합니다. 이 이벤트는 a URL: images, scripts, frames, iframes, 그리고 window 객체와 같은 특정한 요소들에서 사용할 수 있다. .load( handler(eventObject)) handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .load( [eventData], handl.. 더보기 jQuery Event - Form Events jQuery Event - Form Events .focus() 요소에 포커스 되었을 때 발생하는 이벤트 .blur() 요소에서 포커스를 잃을 경우에 발생하는 이벤트 .change() , , 요소의 값 변경 시 발생하는 이벤트 .select() 선택한 개체를 마우스를 통해 선택 하였을 때 발생하는 이벤트 .submit() Submit이 일어날 때(서식이 전송될 때) 발생하는 이벤트, return false로 서식 전송을 막을 수 있다. [ .focus( handler(eventObject) ) ] focus 이벤트는 요소가 포커스를 획득하면 발생한다. .focus( handler(eventObject) ) handler(eventObject) 이벤트가 발생하면 실행될 기능 .focus( [eventDat.. 더보기 이전 1 2 3 다음
