[jQuery] 버튼 만드는 방법

jQuery로 버튼 만드는 방법

jQuery를 이용하여 버튼을 만드는 방법은 3가지가 있다.

1. anchor tag 이용

<a href="#" data-role="button" id="button1">Button</a>

2. div tag 이용

<div data-role="button" id="button1">Button</div>

3. form tag 인 input tag 이용

<input type="button" value="Button"/>

이 세 가지 방법중에 가장 많이 쓰이는 형태는 바로 anchor tag 를 이용한 방법

왜냐하면..

1. href 속성이 있어 바로 link 연결하는 데 수월하다. ( div 태그보다 활용성이 높다. )

2. 3번의 form tag 와는 달리 width, height 속성 등을 조정할 수 있다.

3. normal 상태와 pressed 상태를 구분해서 속성을 변경할 수 있다.

a, a tag, ANCHOR, Button, data-role, data-role="button", div, div tag, form, form tag, href, input, input tag, jQuery, jquery button, jquery 버튼, Link, 앵커, normal, pressed