728x90
반응형
<!DOCTYPE html>
<!-- src/main/webapp/20220425/event3.html -->
<html>
<head>
<meta charset="UTF-8">
<title>이벤트 강제 발생 : trigger</title>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
<script type="text/javascript">
$(function(){
//h1 태그 클릭스 ★ 추가하기
$("h1").click(function() {
$(this).html(function(i, h) {
return h + "★"
})
})
//1초에 한번씩 클릭
//setInterval(function, 밀리초) 함수 : 밀리초마다 function 실행.
// setInterval(function() {
//$("h1").first() : h1태그 중 첫번째 태그.
//trigger("click") : click 이벤트 발생.
// $("h1").first().trigger("click") // == $("h1").first().click() : 같다.
//모든 h1태그 click 이벤트 발생시키기
// }, 1000)
setInterval(function() {
$("h1").click()
}, 1000)
})
</script>
</head>
<body>
<h1>Header-0 : </h1>
<h1>Header-1 : </h1>
<h1>Header-2 : </h1>
</body>
</html>728x90
반응형
'study > Jquery' 카테고리의 다른 글
| [Jquery] 21. Jquery exam1 (제출버튼 클릭시 입력된 이름과 비밀번호를 alert창에 띄우기) (0) | 2022.04.25 |
|---|---|
| [Jquery] 21. Jquery event4 (stopPropagation, preventDefault) (0) | 2022.04.25 |
| [Jquery] 21. Jquery event2 (click, hover) (0) | 2022.04.25 |
| [Jquery] 21. Jquery event1 (on, mouseenter, mouseleave) (0) | 2022.04.25 |
| [Jquery] 21. Jquery attr 함수 (0) | 2022.04.25 |