after()는 선택된 엘레멘트의 뒤에 html을 추가한다.
prepend()는 선택된 엘레멘트의 앞에 html을 추가한다.
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!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">
<title>Insert title here</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function()
{
$('div').after('<span>뒤에 추가 </span>');
$('div').prepend('<span>앞에 추가 </span>');
});
</script>
</head>
<body>
<div>
<span> 중간 </span>
</div>
</body>
</html>
'web > jQuery' 카테고리의 다른 글
| jquery masonry (0) | 2011.01.20 |
|---|---|
| jQuery hide() show() (0) | 2011.01.13 |
| jQuery click() (0) | 2011.01.10 |
| jQuery val() 두번째 (0) | 2011.01.09 |
| jQuery val() (0) | 2011.01.08 |
