마당에 잔뜩 자라난 풀들을 낫질로 정리했고 jQuery가 JavaScript 라이브러리의 일종이란걸 알게되다.

14/7/24 목

아래는 '개발자를 위한 웹게임 쿡북'을 보고 만든 jQuery를 활용한 퀴즈 프로그램. (HTML, CSS, JavaScript, jQuery를 이용)
정답을 모두 맞추면 배경색과 그림이 바뀐다.

퀴즈

1 + 1 = ?

jQuery는 어떤 프로그래밍 언어의 라이브러리인가?

블루스의 블루노트가 아닌 음은?

BWV는 어떤 작곡가의 작품번호인가?

16진수 a는 10진수로 몇?

jQuery를 import해 이용하면 아래의 예제 코드처럼 간단히 HTML 요소, id, class명으로 내용을 변경할 수 있다.

$("h1").text("모두 맞췄습니다!"); //h1요소의 텍스트를 변경. $('#zz').css('background', '#FF8B6F'); //id가 zz인 요소 배경색 변경
$('#zz').css('color', "#240700"); //id가 zz인 요소 글자색 변경 $("#image").attr("src","a.png"); //id가 image인 요소의 그림을 a.png로 변경