문서 준비 함수
$(document).ready(function(){
--- jQuery 함수는 여기로 이동합니다. ----
});
this 이는 문서가 완전히 로드(준비)되기 전에 jQuery 코드가 실행되는 것을 방지하기 위한 것입니다.
문서가 완전히 로드되기 전에 해당 기능을 실행하면 작업이 실패할 수 있습니다. (존재하지 않는 요소를 숨기려고 함, 완전히 로드되지 않은 이미지 크기 가져오기)
모든 jQuery 코드를 이벤트 핸들러에 배치
모든 이벤트 핸들러를 문서 준비 이벤트 핸들러에 배치
숨기기/표시/토글
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector ).toggle(speed,callback);
선택적인 speed 매개변수는 숨기기/표시 속도를 지정하며 "느린", "빠른" 또는 밀리초 값을 사용할 수 있습니다.
선택적 콜백 매개변수는 숨김, 표시 또는 전환이 완료된 후 실행될 함수의 이름입니다.
jQuery 이벤트
Event 函数 | 绑定函数至 |
---|---|
$(document).ready(function) | 将函数绑定到文档的就绪事件(当文档完成加载时) |
$(selector).click(function) | 触发或将函数绑定到被选元素的点击事件 |
$(selector).dblclick(function) | 触发或将函数绑定到被选元素的双击事件 |
$(selector).focus(function) | 触发或将函数绑定到被选元素的获得焦点事件 |
$(selector).mouseover(function) | 触发或将函数绑定到被选元素的鼠标悬停事件 |
jQuery 페이딩 방법:
jQuery를 사용하면 요소의 페이드 효과를 얻을 수 있습니다.
jQuery에는 다음과 같은 네 가지 페이드 방법이 있습니다.
선택적인 속도 매개변수는 효과의 지속 시간을 지정합니다. "느림", "빠름" 또는 밀리초 값을 사용할 수 있습니다. 선택적인 콜백 매개변수는 페이딩이 완료된 후 실행될 함수의 이름입니다.
jQuery fadeTo() 메서드는 지정된 불투명도(0에서 1 사이의 값)에 대한 그라데이션을 허용합니다.
$(selector).fadeTo(speed,opacity,callback);
필수 속도 매개변수는 효과의 지속 시간을 지정합니다. "느림", "빠름" 또는 밀리초 값을 사용할 수 있습니다.
필수 불투명도 매개변수는 페이드 효과를 지정된 불투명도(0에서 1 사이의 값)로 설정합니다.
선택적 콜백 매개변수는 함수가 완료된 후 실행될 함수의 이름입니다.
자바스크립트 명령문(명령어)은 하나씩 순서대로 실행되기 때문에 애니메이션이 아직 완료되지 않아 애니메이션 이후의 명령문에서 오류가 발생하거나 페이지 충돌이 발생할 수 있습니다.
이러한 상황을 방지하려면 콜백 함수를 매개변수로 추가하면 됩니다. 애니메이션이 포함된 함수 뒤에 명령문을 실행하려면 콜백 함수를 사용하세요.