여기 들어가서 라이브러리를 다운 받자~
개발에 체크하고 다운을 시작~~~(explorer에서 하자~~chrome은 지원을 하지 않는가보다~~)
jquery-1.7.2.min.jsjquery 라이브러리...
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>무제 문서</title>
<script src="jquery-1.7.2.js"></script>
<script>
window.onload=function(){
/*document.body.bgColor="yellow";*/
h1All=document.getElementsByTagName("h1");
h1All[0].innerHTML +="찾았다";
h3All=document.getElementsByTagName("h3");
for(i=0;i<h3All.length;i++)
h3All[i].innerHTML="for문";
}
$(document).ready(function(){
document.body.bgColor="gray";
$('h2').html("찾았다");
});
</script>
</head>
<body>
<h1>제목</h1>
<h2>부제목</h2>
<h3>내용</h3>
<h4>세부내용</h4>
<h1>제목</h1>
<h2>부제목</h2>
<h3>내용</h3>
<h4>세부내용</h4>
</body>
</html>
'JavaScript > JQuery' 카테고리의 다른 글
| jquery - setInterval (0) | 2012.06.15 |
|---|---|
| jquery - attribute (0) | 2012.06.15 |
| jquery - ol,sibling (0) | 2012.06.15 |
| jquery-slicing (0) | 2012.06.07 |
| 이미지 바꾸기2 (0) | 2012.05.31 |