jQuery6 기본 동작 막기 button 으로 버튼을 만들어 놓으면, form 문 안에 있을 경우, 기본적으로 submit 을 하게 됩니다. 이것을 막고 따로 원하는 작업만 하도록 하는 방법이 있습니다. event.preventDefault(); 삭제 $("#del_img1").click( function(event) { event.preventDefault(); alert('a'); }); submit 되지 않고 alert 동작이 일어납니다. 2013. 2. 15. 버튼으로 창 닫기 window.close() 보통 팝업 창 같은 것에서 열린 창 자체를 닫을 때, window.close(), self.close() 를 사용합니다. 그런데!! 파폭에서 동작을 하지 않았습니다. 그래서, 구글링..ㅎㅎ $(document).ready(function() { $("#close_window").click(function() { window.open('about:blank', '_self').close(); }); }); 트릭인거 같네요. 현재 창에 빈 페이지를 열고 곧장 닫아버리는건가봐요. 구글 만쉐~ ㅎ 2013. 1. 31. jQuery AJAX 맛보기 jQuery AJAX 사용법을 살펴 보겠습니다. 가장 간단한 것. $("#div1").load(url); url 의 파일에 접속해서 그 내용을 가져와 id="div1" 의 내용을 채웁니다. remote.txt 의 내용은 나는 remote.txt 다. 정도로 만들어두고, 테스트 페이지를 작성합니다. 물론 jquery.js 포함하는 등 준비는 마쳐야겠죠. 아래는 핵심 내용만 표시합니다. AJAX 실행 AJAX load 실행전 를 작성해두면, button 을 클릭했을 때, remote.txt 를 읽어와서 을 변경합니다. 나는 remote.txt 다. 이렇게 되죠. 소스보기 하면, 바뀐 후의 소스가 아니라, 처음 내용이 표시됩니다.볼 수 있는 방법이 없을까요? 아시면, 좀 알려주세요.. 2013. 1. 28. jqueryUI datepicker 날짜 설정하기 jqueryUI 에 포함되어 있는 datepicker 의 사용법을 알아봅니다. 으로 자리잡아주고, 스크립트에서 초기화를 해 주면 끝입니다. 이렇게만 하면, 데이트피커 사용할 수 있습니다. 기본 날짜 표시 포맷이 우리나라와 맞지 않아 아래처럼 옵션을 줄 수 있습니다. $( "#datepicker1" ).datepicker( "option", "dateFormat", "yy-m-d" ); input 박스에 클릭하면, 달력이 뜨고, 날짜를 선택하면, input 박스에 값이 입력됩니다. 그럼, 데이터피커로 잡혀있는 input 에 날짜값을 입력하려면 어떻게 해야할까요?스크립트로 설정을 해 줄 수 있습니다. 페이지 로딩이 끝난 후, #datepicker1 의 값을 2013년 1월 22일 로 설정하고 있습니다. 자바.. 2013. 1. 22. [jQuery] 2. 셀렉터 jQuery 2. 요소 선택 방법 - 셀렉터 jQuery는 뭐? 선택하고 조작하고, 선택하고 조작하고... 그러니, 우선 선택하는 방법을 정리해봅니다. 셀렉터를 이용해서 HTML 태그 요소를 선택하는겁니다. 1. 태그 셀렉터 $("h1"). html 문서내의 ... 을 선택합니다. 헤드라인 2. id 셀렉터 $("#title"). html 태그요소중에 id="title" 인 요소를 선택합니다. 헤드라인 만약 h1 태그중에 id가 title 인 요소를 선택하려면, 아래와 같이 셀렉터를 작성할 수 있습니다. $("h1#title"). 3. class 셀렉터 $(".title"). html 태그요소중에 class="title" 인 요소를 선택합니다. 헤드라인 만약 h1 태그중에 class가 title 인 요소.. 2013. 1. 9. [jQuery] jQuery 1. 기본 중에 기본 jQury 기본 중에 기본 jQuery는 javascript 로 작성하는 것보다 좀 더 쉬운 방법으로 코드를 작성할 수 있게 해 주는 javascript 라이브러리입니다. 본부는 http://jquery.com 입니다. jquery를 다운받아서 작성하고자 하는 html 페이지의 head 태그 내에 아래와 같이 포함시켜주면 이후, jquery 사용이 가능합니다. jquery는 기본적으로 특정 html 요소를 선택하고, 그 선택된 요소를 조작하는 방법으로 사용이 됩니다. 헤드라인 H1이라는 요소를 찾아서 글씨 색깔을 바꾸는 작업을 jQuery로 한다면, 아래와 같이 할 수 있습니다. 먼저 html 코드중에서 H1 태그를 선택합니다. $("H1") 맨 앞의 $ 는 '나는 jQuery임'을 나타내는 것입니다. .. 2013. 1. 8. 이전 1 다음