document.ready.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Document-ready Test</title>
<script type="text/javascript" src="../scripts/jquery-1.2.1.js">
</script>
<script type="text/javascript">
window.onload = function() {
alert('onload handler');
}
$(function(){
alert('ready handler 1');
});
$(function(){
alert('ready handler 2');
});
$(function(){
alert('ready handler 3');
});
</script>
</head>
<body>
</body>
</html>
==================================================================================
listing.1.1.html
<!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=EUC-KR">
<script type="text/javascript" src="./lib/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function(){
$("<p>안녕!</p>").insertAfter("#followMe");
});
</script>
<title>Insert title here</title>
</head>
<body>
<p id="followMe">나를 따라와!</p>
</body>
</html>
==================================================================================
zebra.stripes.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Zebra Stripes!</title>
<script type="text/javascript" src="../scripts/jquery-1.2.1.js">
</script>
<script type="text/javascript">
$(function() {
$("table tr:nth-child(even)").addClass("striped");
});
</script>
<style>
body,td {
font-size: 10pt;
}
table {
background-color: black;
border: 1px black solid;
border-collapse: collapse;
}
th {
border: 1px outset silver;
background-color: maroon;
color: white;
}
tr {
background-color: white;
margin: 1px;
}
tr.striped {
background-color: coral;
}
td {
padding: 1px 8px;
}
</style>
</head>
<body>
<table>
<tr>
<th>Year</th>
<th>Make</th>
<th>Model</th>
</tr>
<tr>
<td>1965</td>
<td>Ford</td>
<td>Mustang</td>
</tr>
<tr>
<td>1970</td>
<td>Toyota</td>
<td>Corolla</td>
</tr>
<tr>
<td>1979</td>
<td>AMC</td>
<td>Jeep CJ-5</td>
</tr>
<tr>
<td>1983</td>
<td>Ford</td>
<td>EXP</td>
</tr>
<tr>
<td>1985</td>
<td>Dodge</td>
<td>Daytona</td>
</tr>
<tr>
<td>1990</td>
<td>Chrysler</td>
<td>Jeep Wrangler Sahara</td>
</tr>
<tr>
<td>1995</td>
<td>Ford</td>
<td>Ranger</td>
</tr>
<tr>
<td>1997</td>
<td>Chrysler</td>
<td>Jeep Wrangler Sahara</td>
</tr>
<tr>
<td>2000</td>
<td>Chrysler</td>
<td>Jeep Wrangler Sahara</td>
</tr>
<tr>
<td>2005</td>
<td>Chrysler</td>
<td>Jeep Wrangler Unlimited</td>
</tr>
<tr>
<td>2007</td>
<td>Dodge</td>
<td>Caliber R/T</td>
</tr>
</table>
</body>
</html>
'jQuery' 카테고리의 다른 글
| jQuery 빠른 처리를 위한 CSS 셀렉터 사용팁 (0) | 2009.09.25 |
|---|---|
| jQuery 샘플 링크 (퍼옴) (0) | 2009.09.25 |
| jQuery 셀렉터로 기능 확장할 엘리먼트 선택하기 (0) | 2009.09.25 |
| jQuery 2 (0) | 2009.09.24 |
| 기본 CSS 셀렉터 사용하기 (0) | 2009.09.24 |