jQuery를 사용하여 팝업 배경에 뿌연 효과를 부여한 레이어 팝업 레이어 팝업을 사용할 때 팝업 배경에 뿌연 효과를 부여한 후 레이어 팝업을 출력하기 위한 방법 ■ 레이어 팝업에 사용할 태그 구성 <div id="layerpopup"> <div class="mask"></div> <div class="window"> 확인 / <span class="close">x닫기</span> </div> <div class="uplink">시작하기<.. Java Script & DOM/jQuery 2011.02.22
jQuery의 Ajax지원 jQuery Ajax 지원 함수 $(selector).load(url,data,callback) $.ajax(options) $.get(url,data,callback,type) $.post(url,data,callback,type) $.getJSON(url,data,callback) $.getScript(url,callback) 파라미터 url 은 Ajax 요청을 할 문서의 url 주소이고, data는 키/값으로 구성된 파라미터, callback은 모든 작업이 끝난 후 실행할 함수이다. type은 문서 타입을 .. Java Script & DOM/jQuery 2010.04.08
jQuery로 CSS 다루기 jQuery로 CSS를 다루는 방법이다. jQuery로 CSS 지원하는 함수는 다음과 같다. $(선택자).css(이름, 값) $(선택자).css({css속성들}) $(선택자).css(이름) 1. $(선택자).css(이름, 값) $("p").css("back-ground","green"); 2. $(선택자).css({css속성들}) $("p").css({"background-color":"yellow","font-size":"200%"}); 3. $(선택자).css(이름) $(this).css("backgr.. Java Script & DOM/jQuery 2010.04.08
jQuery로 HTML 문서 수정하기 1. 요소안 콘텐츠 변경하기 $(selector).html(content) html() 함수는 innerHTML 과 같은 작용을 하며 선택된 요소의 콘텐츠 내용을 변경한다. 2. 요소안 콘텐츠 추가하기 $(selector).append(content) append() 함수는 선택된 요소의 뒤에 콘텐츠를 추가한다. $(selector).prepend(content) prepend() 함수는 선택된 요소의 앞에 콘텐츠를 .. Java Script & DOM/jQuery 2010.04.07
jQuery 이벤트와 효과 ■ jQuery가 지원하는 이벤트 함수 $(selector).click(function) : 클릭 이벤트 $(selector).dblclick(function) : 더블클릭 이벤트 $(selector).focus(function) : 포커스 이벤트 $(selector).mouseover(function) : 마우스 오버 이벤트 ■ jQuery가 지원하는 효과 $(selector).hide() : 선택된 요소를 감춤 $(selector).show() : 선택된 요소를 보임 $(selecto.. Java Script & DOM/jQuery 2010.04.07
jQuery 액션(함수) jQuery 함수는 다음과 같은 형태를 가진다. <script type="text/javascript"> $( document ).ready( function() { $( "button" ).click( function() { $("p").hide(); }); }); </script> 위의 예제는 button 태그에 클릭 이벤트가 발생하면 p태그 요소의 내용을 감추는 코드이다. jQuery 함수는 반드시 $(document).ready( function() { ... 수행할 내.. Java Script & DOM/jQuery 2010.04.07
jQuery 선택자 선택자를 사용하여 HTML 문서의 하나의 요소나 요소들의 그룹을 선택할 수 있다. 선택자의 종류는 엘레멘트 선택자와 속성 선택자가 있다. 엘레멘트 선택자는 태그를 기준으로 선택하고, 속성 선택자는 태그의 속성을 기준으로 HTML 요소를 선택한다. ■ 엘레멘트 선택자 $("p") : <p>요소(문서안의 모.. Java Script & DOM/jQuery 2010.04.07
jQuery 문법 jQuery 문법은 단순하다. jQuery는 선택자와 액션 함수로 구성되어 있으며 선택자는 HTML 요소를 지정하는 부분이고, 액션 함수는 지정한 HTML요소가 해야 할 행동을 지정한다. $(선택자).액션() 또한, 문서를 수정하기 위한 jQuery 함수들은 The Document Ready 함수 안에 작성되어야 한다. $(document).ready(function(){ --- j.. Java Script & DOM/jQuery 2010.04.07
자바스크립트 라이브러리인 jQuery jQuery는 자바스크립트 라이브러리(Library)이다. jQuery는 배우기 쉽고, jQuery를 사용하면 자바스크립트 프로그래밍을 간단하게 할 수 있다. jQuery는 "적게 작성하고, 많은 것을 하라'라는 베이스에 충실하며, 비슷한 자바스크립트 프레임워크은 prototype.js보다 사용법이 간단하다. jQuery는 구글과 마이크로 소.. Java Script & DOM/jQuery 2010.04.07