<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../jquery-1.7.2.min.js"></script>
<!-- <script type="text/javascript" src="/jQuery_class/jquery-1.7.2.min.js"></script> --><!-- 절대경로 -->
<script type="text/javascript">
function jqueryTest(){
jQuery("div").css("border-style",'solid').css("border-color","blue");//$("div").css("border","1");
$("div#title").css("background","green");
//$("ul").css("color","cyan");
//$("div ul").css("color","cyan");
$("div,ul").css("color","cyan");
$("div > ul").css("background","brown").css("font-size","x-large").css("color","white");
$("#desc~a").css("text-decoration","none");
}
</script>
</head>
<body>
<div id="title">
우리커피를 찾아 주셔서 감사합니다.
</div>
<!-- div안에 ul -->
<a href="#">링크링크</a>
<div>
커피 메뉴
<ul>
<li>아메리카노</li>
<li>카페라떼</li>
<li>카푸치노</li>
<li>카라멜 모카</li>
<li>카라멜 마키아토</li>
</ul>
</div>
<br>
<!-- <div>-<b>-<ul> -->
<div>
<p>
비 커피 메뉴
</p>
<b>
<ul>
<li>녹차</li>
<li>홍차</li>
<li>우롱차</li>
<li>국화차</li>
</ul>
</b>
</div>
<p id="desc">
tel : 02-111-2222, 주소 : 서울
</p>
링크<br>
<a href="#">커피빈</a>
<a href="#">스타벅스</a>
<a href="#">카페베네</a>
<a href="#">자바 커피</a>
<p>
<button onclick="jqueryTest()">클릭</button>
</body>
</html>
jquery_src_tempalate1.zip
