<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> jQuery Test!! </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script src="jquery-1.5.1.js" type="text/javascript"></script>
<style type="text/css">
.noListStyle
{
list-style-type:none;
}
.horizontal
{
float:left;
width:120px;
height:100px;
border:1px solid black;
margin:10px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("span#hide").click(function(){
$('p').hide();
});
$("span#show").click(function(){
$('p').show();
});
});
</script>
</HEAD>
<BODY>
<p>test</p>
<span id="show">show</span>
<span id="hide">hide</span>
</BODY>
</HTML>
'IT > jQuery' 카테고리의 다른 글
| [jQuery] jQuery란?(j쿼리란) (0) | 2012.04.05 |
|---|---|
| [jQuery] jQuery/Core (0) | 2012.04.05 |
| [jQuery] j쿼리 eclipse 이클립스에 플러그인 설치 하기 (0) | 2011.03.30 |
| [jQuery] j쿼리로 DOM안의 엘리먼트 조작 (0) | 2011.03.28 |
| [jQuery] j쿼리 설치하기 (0) | 2011.03.28 |
