커피와 개발자

Ajax 비동기식 처리와 동기식 처리 Ajax(Asynchronous JavaScript and XML)는 비동기적인 웹 애플리케이션의 제작을 위해서 표현 정보를 위한 HTML과 CSS, 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM JavaScript, 웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위한 XML, Json, HTML, 텍스트 등을 이용하는 웹 개발 방법입니다. 웹에서 서버 측에 데이터를 요청하고 데이터의 수신이 완료될 때까지 기존 방법과 다르게 Ajax를 이용하여 데이터의 수신을 기다리지 않고 바로 다른 작업을 실행함에 따라 불필요한 페이지의 로딩을 기다리지 않으므로 웹의 속도가 빠르게 반응할 수 있습니다. 대부분 jQuery에서의 Ajax도 비동기식을 기본적으로 지원하..

$(document).ready(function(){ ... }); $(function(){ ... }); (function($){ ... })(jQuery); 첫줄의 소스는 페이지 로딩시 실행 두번째줄의 소스는 함수를 실행 하라는 의미 세번째줄의 소스는 jquery를 사용할 때, $ 의 의미를 jquery에서 사용하겠다는 의미가 내포되어있다. $ 를 jquery만 사용하는 것이 아니라 다른 라이브러리에서도 사용할 수 있기 때문 함수에서 $ 의미는 jquery 객체로 사용이 되는 것

select box select box의 내용 가져오기 $('#selectboxID > option:selected').val(); select box의 값 설정 $('#selectboxID > option[value=설정대상 value값]').attr('selected','true'); check box 특정 name의 check box object를 순차적으로 가져오기 $('input:checkbox[name=체크박스이름]').each(function(i){ $(this).attr('checked',''); //checkbox의 checked상태 해제 }); 특정 name의 checked 상태인 check box object를 순차적으로 가져오기 $('input:checkbox[name='+chkNa..

for문으로 리스트를 출력하고 각 row마다 처리를 해주어야 할 버튼이 존재 할때 클릭한 버튼에 value값을 붙여서 처리 페이지로 넘겨주기 $('input[type="button"]').click(function(){ var msg = confirm('처리하겠습니까?'); if (msg == true ){ $('#FormName').attr({ action:'process.php=param='+$(this).val(), method:'post' }).submit(); } else { return false; } });

Html += '링크'; $('#divID').append(Html); 위와 같이 html 생성 후 append() 시킨 후에 append() 한 DOM에 대하여 $('#divID').click(function() { // 실행 }); click() 액션을 통해 접근을 할 경우 크롬, 파폭에서는 정상 동작 하지만 IE 에서는 정상적으로 동작을 하지 않는 경우 $('#divID').live('click',(function() { //실행 })); 와 같은 형식으로 수정 live() 처리를 하면 새로운 callback 처리가 가능 you could use one of jQuery's fancy plugins like liveQuery which monitors the DOM for changes and th..

case1. iframe에서 사용시 iframe을 출력한 부모값에 접근 $('#ID', parent.document) case2. iframe에서 부모창의 다른 frame 접근 $('#ID', parent.frames['FrameID'].document)

addclass() 와 removeclass()는 말 그대로 css의 class를 추가하고 제거 하는 역활 $(document).ready(function(){ $('li').addclass('ClassName'); $('li').removeclass('ClassName'); });

window.load() 와 같은 기능을 jQuery로 작성 jQuery(document).ready(function(){ alert('Hello jQuery .. !'); });실행하면 alert창 결과를 보여준다. jQuery 는 $ 로 사용할 수 있다.

jquery는 자바스크립트 기술을 사용하여 프로그램의 class 등을 만들듯이 여러개의 유틸리티 클래스를 만들어 모아놓은 자바스크립트 기본적으로 최소버전은 디버깅환경은 제공되지 않으므로 개발시에는 풀버전, 개발이 완료되었얼 때는 최소버전 라이브러리를 적용 Site : http://jquery.com/ Ver : jquery-1.5.2.min.js (최소버전), jquery-1.5.2.js(풀버전)