본문 바로가기
프로그래밍 놀이터/Web

[jQuery] 버튼 만드는 방법

by 돼지왕 왕돼지 2013. 6. 28.
반응형


 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 상태를 구분해서 속성을 변경할 수 있다.



반응형

댓글