[javascript/jquery] jquery .prepend() 사용법 및 예제

[javascript/jquery] .prepend() 사용법 및 예제

 

jquery .prepend() 기본 사용법입니다.

$(대상).append(내용)

 

아래와 같은 태그가 있다고 가정하고

<ul id="id_ul_list">
    <li>aaa</li>
</ul>

 

아래 처럼 작성하고 실행하면

$("#id_ul_list").prepend("<li>bbb</li>");

<ul id="id_ul_list">
    <li>bbb</li>
    <li>aaa</li>
</ul>

이런 결과가 나오게 됩니다.

 

prepend() 는 특정 타겟의 요소 맨 앞에

 

표시하고자 하는 내용을 붙여줍니다!

 

앞서 올렷던 append() 와 사용법은 완전 동일하지만

 

맨앞에 붙이느냐 맨 뒤에 붙이느냐의 차이입니다! 

 

참고들하세요!