>웹 프론트엔드 >JS 튜토리얼 >jQuery에서: 애니메이션 선택기 사용 example_jquery

jQuery에서: 애니메이션 선택기 사용 example_jquery

WBOY
WBOY원래의
2016-05-16 16:23:241428검색

이 기사의 예에서는 jQuery에서 :animated 선택기의 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

이 선택기는 애니메이션 효과를 수행하는 모든 요소와 일치합니다.
animate() 메서드를 사용하여 사용자 정의 애니메이션을 만들 수 있습니다.

문법 구조:

코드 복사 코드는 다음과 같습니다.
$(":animated")

이 선택자는 일반적으로 클래스 선택자, 요소 선택자 등과 같은 다른 선택자와 함께 사용됩니다. 예:
코드 복사 코드는 다음과 같습니다.
$("li:animated").css(" background-color "," 파란색")

위의 코드는 애니메이션화되는 li 요소의 배경색을 파란색으로 설정할 수 있습니다.
다른 선택기와 함께 사용하지 않는 경우 기본 상태는 * 선택기와 함께 사용됩니다. 예를 들어 $(":animated")는 $("*:animated")와 동일합니다.

예제 코드:

코드 복사 코드는 다음과 같습니다.






스크립트 홈