목차
- one() 예제 - 이벤트가 1개인 경우
- one() 정의
- one() 구문
- one() 예제 - 이벤트가 2개인 경우
one() 예제 - 이벤트가 1개인 경우
※ 각 요소에 대해 1회 클릭때만 글자 커짐. 2회 때부터는 작동 X.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").one("click", function(){
$(this).animate({fontSize: "+=6px"});
});
});
</script>
<p>홈짱닷컴 Homzzang.com</p>
<p>홈페이지 제작관리 강의</p>
결과보기
one() 정의
선택 요소에 대해 하나 이상의 이벤트 핸들러를 첨부 후, 이벤트 발생 시 실행할 함수 지정. (이 경우, 이벤트 핸들러 함수는 각 요소에 대해서 오직 한번만 실행. )
one() 구문
$(selector).one(event,data,function)
[매개변수]
event
필수. 선택 요소에 부착할 하나 이상의 이벤트.
이벤트는 공백으로 분리해 나열하며, 각 이벤트는 유효해야 함.
data
선택. 함수에 전달할 추가적인 데이터.
function
필수. 이벤트 발생 시 실행할 함수.
one() 예제 - 이벤트가 2개인 경우
※ 각 요소에 (1회 클릭, 1회 더블클릭) 때만 글자 커짐. 2회 때부터는 작동 X
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").one("click dblclick", function(){
$(this).animate({fontSize: "+=6px"});
});
});
</script>
<p>홈짱닷컴 Homzzang.com</p>
<p>홈페이지 제작관리 강의</p>
결과보기