본문 바로가기

내마음대로만들어보자/JS83

자바스크립트 객체 1. 객체만들기 자바스크립의 모든것은 객체이거나 객체처럼 동작하기 떄문에 우선적으로 이해해보도록 해보자. 객체는 이름이 있는 값들 ('속성')의 집합이다. 사람 속성 속성값 살아있음(living) 참(true) 나이(age) 34 성별(gender) 남성(male) //객체만들기 var cody = new Object(); // cody 객체를 속성으로 채우기 (점표기법) cody.living = true; cody.age = 33; cody.gender = 'male'; console.log(cody); 콘솔로그 결과 객체는 속성들의 그릇일뿐이며, 속성은 이름과 값을 가진다는 사실을 기억하자! 자바스크립트에서 여러 값을 표현하기 위해 묶음을 만들 때 "이름 있는 값을 가진 속성들의 그릇이라는 개념(=객.. 2021. 8. 30.
clearQueue() 메서드 clearQueue() 메서드는 진행중인(첫번 째) 애니메이션을 제외하고 큐에서 대기하는 모든 애니메이션 함수를 제거한다. * 예제 내용1 내용2 2021. 8. 25.
queue() / dequeue() 메서드 queue() 메서드는 큐에 적용된 애니메이션 함수를 반환하거나 큐에 지정한 함수를 추가하며, 실행하면 실행 이후의 모든 애니메이션이 취소된다. dequeue() 메서드는 실행 이후 적용된 애니메이션 메서드가 취소되지 않게 연결해준다. * 예제 내용1 2021. 8. 25.
stop() / delay() 메서드 stop() 메서드는 요소에 적용한 애니메이션을 정지시킨다. delay() 메서드는 요소에 적용한 애니메이션을 지정한 시간만큼 지연시킨다. * stop() 기본형 1) $("요소 선택").stop( ); 2) $("요소 선택").stop(clearQueue, finish); 1) 진행중인 첫번째 애니메이션만 정지시킨다. 큐에 대기중인 애니메이션은 계속해서 실행한다. 2) clearQueue, finish는 true나 false의 값을 입력할 수 있다. 기본값은 false , clearQueue가 true면 큐에서 대기중인 애니메이션을 모두 제거한다. finish가 true면 진행중인 애니메이션을 강제로 종료시킨다. ① 진행중인 애니메이션만 정지 시키는 경우 $(".txt1").animate({opacit.. 2021. 8. 25.