2022-01-26 ) animate( ), .stop( ), delay, append, prepend, html( ), html( 값 ), empty, remove
- fadeOut( ) 과 같은 애니메이션 효과와 animate( )의 차이 animate( ) $("#bigBtn").on("click",function(){ $("#box").animate({ width: "+=50px", // 누적값 height:"+=50px" },3000); }); $( 셀렉터 ).stop( ); - 현재 진행중인 애니메이션을 멈춘다 - stop 메소드는 최초 한번만 실행 됨 만약 여러번 애니메이션 실행버튼을 3번 눌렀다면 맨 처음 1번만 멈추기때문에 두번째 세번째 애니메이션은 실행됨 $("#stopBtn").on("click",function(){ $("#box").stop(); }); delay(시간) : 앞의 내용을 실행완료 후 다음 내용은 지정시간 이후 실행 $("#dBt..
2022-01-26 attr( ), is , each ,prop( ),fadeIn( ), fadeOut( ) ,hide( ), show( )
attr( ) : 속성, 기본적인 문법은 셀렉터에 값 취득, 값 할당하는 것과 거의 일치 removeAttr( ) : Attr을 지우겠다 ( = attr( "현재값" ," ")을 통하여 공백을 할당하여도 됨 ) 예제 1 $(document).ready(function(){ $("#box").on("click",function(){ console.log($(this).attr("class")); $(this).attr("class","blue"); }); }); => box를 클릭하면 콘솔창에 박스의 속성 중 class를 출력하겠다 (값 취득) => 박스의 속성 중 클래스를 blue로 바꾸겠다 (값 할당) prop( ) : 상태를 나타냄 true / false is : 상태값을 확인할때사용 예제2 $("#..
