이야기앱 세상

ajax 이용해서 multipart 데이터 전송하기 이름 $("#myForm").submit(function(event){ //전체 데이터를 전부 지정할 때 var formData = new FormData($(this)[0]); //개별 데이터를 선택적으로 셋팅할 때 var formData = new FormData(); formData.append("name", document.getElementById('name').value); $.ajax({ url: 'writPro.do', type: 'POST', data: formData, dataType:'json', contentType: false, processData: false, success: function (data) { }, error: ..

클립스 jquery 플러그인 이클립스에서 jquery 코딩시 코드 자동완성 기능을 사용할 수 있습니다. 1. 이클립스 마켓플레이스에서 검색 및 설치 이클립스의 Help>Eclipse MarketPlace 선택 Eclips Marketplace 검색창에 jquery 입력 후 검색 JSDT jQuery 가 검색되면 install 버튼을 누르고 설치 라이센스 동의 2. 프로젝트 생성 후 jQuery 라이브러리 추가 - 프로젝트명을 클릭한 후 마우스 오른쪽 버튼을 누르면 나타나는 창에서 Properties 선택 - Properties 창에서 JavaScript>Include Path 선택- Libraries 항목에서 add JavaScript Library 선택 jQuery Library를 선택한 후 Next ..

jquery.ajax, jquery.getJSON, jquery.post 사용하기 jQuery.ajax()==================================jquery.ajax(url [,settings]) url : 요청하는 URLsettings : key와 value의 쌍으로 된 옵션 jquery.ajax([settings]) settings : key와 value의 쌍으로 된 옵션 cache (default : true, dataType이 'script', 'jsop' 일 경우 fasle) : 페이지 캐시 여부 지정data : 전송할 데이터dataType (xml,json,script,html) : 서버로부터 반환 되는 데이터의 타입 지정error : 에러시 호출되는 함수 지정succes..

jQuery로 구현한 checkobx 전체 선택/해제 하기 스크립트----------------------------------------------------- $('#chk_all').click(function(){ if($(this).is(':checked')){ $('input[name=del]').prop('checked',true); }else{ $('input[name=del]').prop('checked',false); }}); HTML----------------------------------------------------전체선택

jQuery.noConflict(); 를 사용할 경우는 prototype.js와 같은 자바스크립트 라이브러리를 jQuery와 같이 사용할 경우 prototype.js에서도 $ 기호를 사용함으로써 jQuery를 이용해 코드 작성시 충돌이 발생하게 된다. 이런 경우를 해결하기 위해 아래와 같이 $ 기호를 jQuery로 변경해 사용하게 된다. jQuery.noConflict(); jQuery(document).ready(function(){ //실행 코드});

(function($){//실행 코드})(jQuery); 위 표현이 사용되는 경우는 prototype.js와 같은 자바스크립트 라이브러리를 jQuery와 같이 사용할 경우 prototype.js에서도 $ 기호를 사용함으로써 jQuery를 이용해 코드 작성시 충돌이 발생하게 된다. 이런 경우를 해결하기 위해 위 익명 함수를 사용하게 되는데 해당 익명 함수내에서는 $ 기호가 jQuery 객체를 의미하게 되어 prototype.js와 충돌 없이 코드를 작성할 수 있다. [출처] jquery $function 의 사용법? |작성자 몽몽

$(document).ready(function(){//실행 코드 작성}); 위 코드는 javascript의 window.onload = function(){}과 마찬가지로 문서의 내용을 인식한 후 함수를 실행하라는 의미이다.아래와 같이 줄여서 사용 가능 $(function(){ //실행 코드 });

체크된 radio 값 읽어오기$('input:radio[name=season]:checked').val(); 체크된 radio 버튼의 checked 해제$('input:radio[name=season]').attr('checked',false); "spring"이 value인 radio 버튼에 checked 설정$('input:radio[name=season]:input[value=spring]').attr('checked',true); radio 버튼 활성화$('input:radio[name=season]:input[value=spring]').attr('disabled',true); radio 버튼 비활성화$('input:radio[name=season]:input[value=spring]').att..