qwef

https://scoring.tistory.com/entry/AJAX란-JQuery를-이용한-AJAX사용법 AJAX란? JQuery를 이용한 AJAX사용법 AJAX (Asynchronous Javascript And XML) 란 무엇인가? 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신기능 클라이언트와 서버간에 XML 데이터를 주고받는 기술이 scoring.tistory.com 근데 내가 생각하기에는 ajax 잘 안쓸거 같다. WebSocket이 ajax의 발전형 이라고 한다.

$(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에 붙여넣기

let top = $('.outer').scrollTop(); console.log(top); let left = $('.outer').scrollLeft(); console.log(left); 스크롤 값 가져오기. $('.outer').scroll(function(){ top = $('.outer').scrollTop(); left = $('.outer').scrollLeft(); $('.info span').text(` top: ${top}, left : ${left} `); }); 스크롤 시 이벤트 $('button').click(function(){ $('.outer').scrollTop(250).scrollLeft(250); }); 스크롤 값 set