jQuery 노트 2 - 기본/애니메이션
1634 단어 jquery
2. 많은 jQuery의 문구가ready에 놓여 있다
$(document).ready(function(){
// jQuery methods go here...
});이것은 문서가 완전히 불러오기 전에 jQuery 코드를 실행하는 것을 방지하기 위해서입니다.(완전히 효과가 없을 것 같아서 수동으로 바디 앞에서 써야 할 때가 있다)
문서가 완전히 불러오기 전에 함수를 실행하면 작업이 실패할 수 있습니다.다음은 두 가지 구체적인 예이다.
$(function(){
// jQuery methods go here...
});3. jQuery의 모든 선택기는 달러 기호로 시작합니다. $()
4. jQuery를 통해toggle() 방법으로hide()와 show() 방법을 전환할 수 있습니다.
$(selector).toggle(speed,callback);toggle은 강력한 변환 명령입니다.
페이드 인(), fadeOut(), fadeToggle(), fadeTo()
슬라이딩:slideDown(), slideUp(), slideToggle()
5.jQuery animate()
$(selector).animate({params},speed,callback);거의 모든 CSS 속성을 animate () 방법으로 조작할 수 있습니까?animate () 를 사용할 때, 모든 속성 이름을 Camel 표기법으로 써야 한다. 예를 들어,padding-left가 아니라padding-left를 사용해야 하고,margin-right가 아니라marginRight를 사용해야 한다.
또한 색상 애니메이션은 핵심 jQuery 라이브러리에 포함되지 않습니다.
색 애니메이션을 생성하려면 jquery에서 시작해야 합니다.com Color Animations 플러그인을 다운로드합니다.
매우 강력한 효과: http://www.w3cschool.cc/jquery/jquery-animate.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
