>웹 프론트엔드 >JS 튜토리얼 >JQuery 일반 메서드 및 events_jquery에 대한 자세한 소개

JQuery 일반 메서드 및 events_jquery에 대한 자세한 소개

WBOY
WBOY원래의
2016-05-16 17:36:161103검색

문서 준비 함수
$(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에는 다음과 같은 네 가지 페이드 방법이 있습니다.

  • 페이드인()
  • 페이드아웃()
  • 페이드토글()

 선택적인 속도 매개변수는 효과의 지속 시간을 지정합니다. "느림", "빠름" 또는 밀리초 값을 사용할 수 있습니다. 선택적인 콜백 매개변수는 페이딩이 완료된 후 실행될 함수의 이름입니다.

  • fadeTo()

jQuery fadeTo() 메서드는 지정된 불투명도(0에서 1 사이의 값)에 대한 그라데이션을 허용합니다.

 $(selector).fadeTo(speed,opacity,callback);

필수 속도 매개변수는 효과의 지속 시간을 지정합니다. "느림", "빠름" 또는 밀리초 값을 사용할 수 있습니다.

 필수 불투명도 매개변수는 페이드 효과를 지정된 불투명도(0에서 1 사이의 값)로 설정합니다.

선택적 콜백 매개변수는 함수가 완료된 후 실행될 함수의 이름입니다.

자바스크립트 명령문(명령어)은 하나씩 순서대로 실행되기 때문에 애니메이션이 아직 완료되지 않아 애니메이션 이후의 명령문에서 오류가 발생하거나 페이지 충돌이 발생할 수 있습니다.

이러한 상황을 방지하려면 콜백 함수를 매개변수로 추가하면 됩니다. 애니메이션이 포함된 함수 뒤에 명령문을 실행하려면 콜백 함수를 사용하세요.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.