위키
포럼
도구
바뀐글
랜덤

"JQuery 클릭 이벤트"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-== 참고 자료 == +==참고==))
잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
5번째 줄: 5번째 줄:


==예시1: input button==
==예시1: input button==
<source lang='html5'>
<syntaxhighlight lang='html5'>
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//code.jquery.com/jquery.min.js"></script>


15번째 줄: 15번째 줄:
});
});
</script>
</script>
</source>
</syntaxhighlight>
<jsfiddle>y779gh34</jsfiddle>
<jsfiddle>y779gh34</jsfiddle>


==예시2: button==
==예시2: button==
<source lang='html5'>
<syntaxhighlight lang='html5'>
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//code.jquery.com/jquery.min.js"></script>


29번째 줄: 29번째 줄:
});
});
</script>
</script>
</source>
</syntaxhighlight>
<jsfiddle>900hzc02</jsfiddle>
<jsfiddle>900hzc02</jsfiddle>


2020년 11월 2일 (월) 02:53 기준 최신판

1 개요[ | ]

jQuery 클릭 이벤트
jQuery .click()

2 예시1: input button[ | ]

<script src="//code.jquery.com/jquery.min.js"></script>

<input type='button' id="button1" value='버튼1'/>

<script>
$("#button1").click(function() {
	alert("버튼1을 누르셨습니다.");
});
</script>

3 예시2: button[ | ]

<script src="//code.jquery.com/jquery.min.js"></script>

<button id="button1">버튼1</button>

<script>
$("#button1").click(function() {
	alert("버튼1을 누르셨습니다.");
});
</script>

4 같이 보기[ | ]

5 참고[ | ]

원본 주소 "https://zetawiki.com/w/index.php?title=JQuery_클릭_이벤트&oldid=607317"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}