JQuery .before()

1 개요

jQuery .before()

• 대상 앞에 내용을 추가(또는 이동)하는 jQuery 함수

2 예시 1: 신규 추가

• 예제: http://zetawiki.com/ex/jquery/before.html

<script src="//code.jquery.com/jquery.min.js"></script>

<div class='guys'>한놈</div>
<div class='guys'>두시기</div>

<script>
$('.guys').before("<div>안녕~</div>");
</script>

실행결과

안녕~
한놈
안녕~
두시기

3 예시 2: 이동 추가

• 예제: http://zetawiki.com/ex/jquery/before2.html
• 선택자 입력시 원본이 이동됨

<script src="//code.jquery.com/jquery.min.js"></script>
 
<div class='guys'>석삼</div>
<div class='guys'>너구리</div>
<div class='bye'>잘가~</div>
 
<script>
$('.guys').before( $('.bye') );
</script>

실행결과

잘가~
석삼
잘가~
너구리

4 같이 보기

• jQuery .after()
• jQuery .prepend()

6 참고 자료

• http://api.jquery.com/before/