1. element를 셀렉터로 선택한 element 다음 위치로 이동 시킬수 있다.
2. 선택한 element의 다음위치에 원하는 element를 넣을수 있다.
<%@ 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>
<title></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">
jQuery(function()
{
//testFilter();
test1();
test2();
});
function test1(){
$('a').insertAfter("#followMe");
}
function test2(){
$("<p> test2 </p>").insertAfter("#followMe");
}
</script>
</head>
<body>
<a>test1</a>
<p id="followMe">Follow me!</p>
</body>
</html>
test1()의 경우 <a> 태그를 <p> 태그 뒤로 위치 시켜 준다.
test2()의 경우 <p> 태그 뒤에 새로운 <p> 태그를 삽입시켜 준다.
test1 부터 일어나기 때문에 뒤에 발생한 test2()에 의해 <p> <a> 태그 사이에 새로운 <p> 태그가 들어간 것을 볼수 있을겁니다.
'web > jQuery' 카테고리의 다른 글
| jQuery after() prepend() (0) | 2011.01.11 |
|---|---|
| jQuery click() (0) | 2011.01.10 |
| jQuery val() 두번째 (0) | 2011.01.09 |
| jQuery val() (0) | 2011.01.08 |
| jQuery prev() next() (2) | 2011.01.07 |
