본문 바로가기
IT 자료

jQuery onclick

by 성곤 2014. 11. 26.
반응형


html과 스크립트는 분리되어야한다.


html과 스크립트가 같이 쓰이게 된다면, 좋은 코딩이 아니다.


내가 가장 많이 쓴 것 중에 하나가 바로 버튼 이벤트인데


기존에는


<button onclick="functionClick()">Click</button>


이렇게 만든 뒤에 스크립트에서 functionClick을 실행하는거였는데


그러지말란다.



jQuery기준으로 예문을 만들어보았다.





 --- 예문 ---


<!DOCTYPE html">
<html>
<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>

$(document).ready(function(){
  $("#btnTest").click(function(){
    fnEvent();
  });
});

function fnEvent(){
   
    alert("TEST");
}

</script>


<title>onclick-jQuery</title>
</head>
<body>

<button id="btnTest" >Start test</button>

</body>
</html>



--- 예문 끝 ---



반응형

'IT 자료' 카테고리의 다른 글

DB2 SQL0513W SQLSTATE=01504  (0) 2014.12.05
javascript onclick event  (0) 2014.11.26
DB2 테이블백업 테이블복사  (0) 2014.11.26
유비리포트 Ubireport 메뉴얼  (0) 2014.11.25
c:if  (0) 2014.11.25