반응형
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<link rel="stylesheet" href="style.css">
<script type="text/javascript">
$(document).ready(function () {
$('#myHyperLink').on('click', function (e) {
e.preventDefault();
$('#divResult').append('Hyperlink default action prevented<br/>');
});
});
</script>
</html>head>
<body>
<a id="myHyperLink" href="http://google.com">
Clicking here does not take you to google
</a>
<div id="divResult"></div>
</body>
</html>기본 기능을 막는 메소드.
반응형
'Library > jQeury' 카테고리의 다른 글
| jQuery - jQuery AJAX를 사용하여 Json 데이터 불러오기 (0) | 2021.02.25 |
|---|---|
| jQuery - 스크롤 이벤트 Scroll event (0) | 2021.02.24 |
| jQuery 배우면서 끄적인 코드 (0) | 2021.02.24 |
| jQuery - 메소드들 methods (0) | 2021.02.18 |
| jQuery - jQuery 제이 쿼리란 ? (0) | 2021.02.11 |