qwef

.instagram .box2{width: 200px; height: 50px; border: 2px solid brown; background-color: peru; line-height: 50px; padding: 0 10px; /* transition-duration: .5s; transition-property: all; transition-timing-function: ease; transition-delay: .2s; */ transition: width .5s ease, background .5s .9s; } .instagram .box2:hover{width: 250px; background-color: yellowgreen;} transition: width .5s ease, backgr..

보호되어 있는 글입니다.

$(document).ready(function(){ $('#box1 button').eq(0).click(()=>{ $('#box1 .inbox').show(1000); }); $('#box1 button').eq(1).click(()=>{ $('#box1 .inbox').hide(1000); }); $('#box1 button').eq(2).click(()=>{ $('#box1 .inbox').toggle("fast","swing"); }); $('#box2 button').eq(0).click(()=>{ $('#box2 .inbox').slideDown("fast",'swing'); }); $('#box2 button').eq(1).click(()=>{ $('#box2 .inbox').slideUp..

$('#box2').on('click', function(){ $(this).css({ backgroundColor : 'red' }); }); $('#box2').on('click', 'button', function(){ $(this).css({ backgroundColor : 'red' }); }); 클릭한 버튼으로 $('#box4 button').click( showEvent); // $('#box4 button').on('click', showEvent); function showEvent(){ alert('event'); } 함수 이름만 써야 함 $('#box5 button').on('click', function(){ c('asdf'); }).off(); off면 안씀. $('#box6 bu..

focus() 포커스시 blur() 포커스 떠날 시 focusin() 자식요소 focus focusout() 자식요소 포커스 out change() 요소의 값이 변경되었을 때 select() 요소의 텍스트 선택했을 때 submit() 전송될 때 val() 입력 요소의 값을 변경하거나 얻음 length 요소길이 얻기

$(document).ready(function(){ }); 걍 레디. html 다 읽어들이면 코드 읽도록 resize(); 윈도우 크기 변화시 scroll(); 스크롤 시 마우스 이동 필드 clientX offsetX pageX screenX

keydown(); 누를 때 keyup(); 뗏을때 keypress(); 누를 때. 인데 ctrl 같은 기능 키 안됨.

click(); 클릭 dbclick(); 더블 클릭 mouseover(); 마우스 오버 mouseout(); 마우스 아웃 mouseenter(); 마우스 들어왔을때 mouseleave(); 마우스 떠났을 때 mousedown(); 마우스 눌렀을 때 mouseup(); 떼엇을 때 mousemove(); 마우스 움직을 때 hover(); mouseenter(), mouseleave() 하나로 mouseenter(), mouseleave() 와 mouseover()와 mouseout은 같지만 차이점은 mouseout(), mouseover() : 자식요소도 동일한 이벤트 생김 mouseenter(), mouseleave() : 자기만

$('.item').clone().insertAfter('#box3'); .item을 복사해서 #box3 의 다음형제요소로 붙여넣기 $('#box1 strong').wrap(''); strong을 각각 div로 감싸기 $('#box2 strong').wrapAll(''); strong 모두를 div 하나로 감싸기 $('#box3').wrapInner(''); #box3 안쪽을 div로 한번 감싸고 그 안에 하위요소 넣기 $('#box4').replaceWith('변경됨'); 를 p로 바꾸기 $('변경2').replaceAll('#box5'); replaceWidh랑 똑같은데, 변경2를 먼저 생성 후 #box5와 바꿈

$('#m1 a').removeAttr('href'); 속성 삭제 $('#m2').empty(); 자식들을 삭제 $('#m2').empty('span'); 하위들 중 span만 남기고 다 삭제 $('#m3').remove(); 그냥 삭제 detachDiv = $('#m4').detach(); 오려두기 detachDiv.insertAfter('#m2'); m2에 붙여넣기