신한대학교 컴퓨터정보계열 고덕윤 maniara.k@gmail.com
Client Server Programming 2
jQuery란?
• 2006년 John Resic
• 자바스크립트 오픈소스 라이브러리
• 단순하고 간결하게
• 다양한 효과나 이벤트
• 쉽고 빠르게
01
JavaScript and jQuery
02
JavaScript 구문 jQuery 구문
document.getElementById("id") .innerHTML = "Hi jQuery!";
$("#id").html("Hi jQuery! "); for (i = 0; i <= 4; i++) { document.getElementsByTagName("p") [i].innerHTML="Hi jQuery!"; } $("p").html("Hi jQuery!"); window.onload=function(){}; $(document).ready(function(){});
jQuery 다운받기
•
http://jquery.com/
• 1.x : Explorer 6,7,8
• 2.x : More
• jquery-2.x.js
• Project 폴더나 /scripts 폴더에 복사한다.
03
Hello JQuery
04
Selector : jQuery wrapper
05
jQuery("#move_up") $("#move_down") 셀렉터의 종류 셀렉터 표현 방법 All Selector $("*") ID Selector $("#id")Element Selector $("elementName") Class Selector $(".className")