jQuery 함수 addClass() appendTo()

1. addClass() 함수

특정한 엘리먼트에 동적으로 class 속성을 부여하는 함수 

<script>

$(document).ready(function(){

    $("button").click(function(){

        $("p:first").addClass("intro");

    });

});

</script>

<style>

.intro {

    font-size: 150%;

    color: red;

}

</style>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

<button>Add a class name to the first p element</button>

웹상에서 바로 확인하기 

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_html_addclass

2. appendTo() 함수

지정한 엘리먼트의 끝에 지정된 엘리먼트를 붙인다.

$("<span>Hello World!</span>").appendTo("p");

위 코드의 경우, 페이지내의 모든 P 엘리먼트의 끝에 <span>Hello World!</span>  이 코드를 붙인다.

웹상에서 바로 확인하기

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_html_appendto