jQuery 기초 01

jQuery 기초 01

jQuery 설치와 간단한 css 컨트롤 하기

http://jquery.com/download/ 에서 개발자용 파일은 다운 받는다.

1.x 대와 2.x 대 두가지 버전이 있는데

ie 6,7,8을 지원하기 원하면 1.X대를 선택하면된다.

머든지 높은게 좋으니 2.x대를 받고...

html문서 

head 태그안에 

<script src="jquery-2.1.4.js" type="javascript"></script>

<style type="text/css">

  .bgColor{ background-color:red;}

        .bgColor2{ background-color:blue;}

</style>

<scrip type="javascript">

$(document).ready(

function() {

$('#jq).addClass('bgColor');

$('#jq').click(function() { alert('안녕하세요');$(this).addClass("bgColor2");});

});

</script>

body 태그 안에

<div style="background-color:#000000;color:#ffffff" onclick="alert('안녕하세요JQ');">

    안녕하세요.JQ

 </div>

 </div>

 <div id="jq">

    안녕하세요.JQ

 

 </div>

이거 타이핑도 힘들.......