• 검색 결과가 없습니다.

06.jQuery I

N/A
N/A
Protected

Academic year: 2021

Share "06.jQuery I"

Copied!
8
0
0

로드 중.... (전체 텍스트 보기)

전체 글

(1)

신한대학교 컴퓨터정보계열 고덕윤 maniara.k@gmail.com

Client Server Programming 2

(2)

jQuery란?

• 2006년 John Resic

• 자바스크립트 오픈소스 라이브러리

• 단순하고 간결하게

• 다양한 효과나 이벤트

• 쉽고 빠르게

01

(3)

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(){});

(4)

jQuery 다운받기

http://jquery.com/

• 1.x : Explorer 6,7,8

• 2.x : More

• jquery-2.x.js

• Project 폴더나 /scripts 폴더에 복사한다.

03

(5)

Hello JQuery

04

(6)

Selector : jQuery wrapper

05

jQuery("#move_up") $("#move_down") 셀렉터의 종류 셀렉터 표현 방법 All Selector $("*") ID Selector $("#id")

Element Selector $("elementName") Class Selector $(".className")

(7)

Selector example

06

$("button").click(function(){}

$("p").hide;

$("#myTop").css({"background-color":"blue"});

$("span.Italian").toggle();

$("p#mytext").show();

(8)

실습 9

07

참조

관련 문서

교재: 모던웹을 위한 JavaScript Jquery 입문,

재료별 통법에 관한 용어..

[r]

jQuery Mobile solves this problem, as it only uses HTML, CSS and JavaScript, which is standard for all mobile web browsers..

재료별 통법에 관한 용어..

… Caching proxy server, web proxy, anonymizing proxy server, hostile proxy, intercepting proxy server, transparent proxy server, reverse proxy server, circumventor,

LoRa® Network Server – Open Source... LoRa® Network Server

이 설문은 입원 전담 전문의 채용과 관련하여, 대한내과학회에서 내과 수련병원의 내과 과장님들께 귀 병원 내 과의 입원전담전문의(Hospitalist)운영에 대한 의향과 의견을