- JavaScript
위의 코드를 <head> 내부안에 작성하면 되겠다.
실행되는 해당 플랫폼은 <body>안에 아래와 같이 작성한다.
<button id="btn1" onclick="button_click();">Button!!</button>
- JQuery
위의 코드를 역시 <head> 내부안에 작성하면 된다.
실행되는 해당 플랫폼은 <body>안에 아래와 같이 작성한다.
<button id="btn1">Button!!</button>
예시를 버튼으로 했지만, 어떠한 태그든 클릭이벤트를 넣을 수 있다.
제이쿼리의 #은 javascript의 getElementById를 의미하므로 id값을 가져온다.
'JavaScript' 카테고리의 다른 글
| [JavaScript/TypeScript] 숫자 여부 판단 (1) | 2018.08.03 |
|---|---|
| TypeScript에서 JQuery 라이브러리 사용하기. (0) | 2018.01.08 |
| 제이쿼리로 만드는 이미지 슬라이더(Image-Slider) (1) (1) | 2016.01.20 |
| 제이쿼리 브라우져 알아내기. (0) | 2016.01.02 |
| JQuery 인덱스를 이용한 요소 찾기! (0) | 2015.11.24 |
포스팅이 도움 되셨다면, 커피 한잔 후원해주세요!
더 좋은 포스팅 작성에 큰 힘이 됩니다.
Buy me a coffee