주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

jQuery는 DOM 객체를 탐색, 접근하여 조작하는 여러가지 방법을 제공한다. 실무에서 많이 사용하는 메서드 위주로 요약해서 작성하였으며 정확한 정보들을 확인하고 싶다면 jQuery 공식 사이트를 참조하면 된다. html HTML 문서에서 모든 요소를 가져오거나 추가할 수 있다. 주석을 포함한 선택자의 모든 요소를 가져온다. XML에서는 사용할 수 없다. // HTML 1번 2번 3번 // jQuery // #wrap 안에 있는 모든 요소를 가져온다 $('#wrap').html(); // #wrap 안에 있는 모든 요소를 빈 값으로 만든다. $('#wrap').html(''); text HTML, XML에서 모두 사용할 수 있으며 모든 문자열을 가져오거나 추가할 수 있다. 브라우저마다 HTML 파서의 ..

jQuery는 DOM 객체를 탐색, 접근하여 조작하는 여러가지 방법을 제공한다. 실무에서 많이 사용하는 메서드 위주로 요약해서 작성하였으며 정확한 정보들을 확인하고 싶다면 jQuery 공식 사이트를 참조하면 된다. mouseenter & mouseover 마우스가 이벤트로 on 메서드를 통해 사용할 수도 있다. 요소에 내부로 들어왔을 때 실행된다. 차이점 mouseenter 자식영역으로 이동했다고 재 감지되지 않는다. mouseover 자식영역으로 이동했을때 재 감지된다. // HTML // jQuery // 마우스를 #box에서 #child로 이동해도 코드는 다시 실행되지 않음 $('#box').mouseenter(function(){ // 코드 작성 }); // 마우스를 #box에서 #child로 이..

jQuery는 DOM 객체를 탐색, 접근하여 조작하는 여러가지 방법을 제공한다. 실무에서 많이 사용하는 메서드 위주로 요약해서 작성하였으며 정확한 정보들을 확인하고 싶다면 jQuery 공식 사이트를 참조하면 된다. on 이벤트를 제어할 수 있는 메서드이며 과거에 사용하던 bind, delegate, live 메서드들의 모든 기능을 제공한다. 이벤트를 중첩해서 적용하고 싶은 경우 공백을 통해 입력한다. $('button').on('click mouseenter', function(){ // 코드 작성 }); $('button').on('click', onClickFunction); function onClickFunction(){ // 코드 작성 }; one 이벤트를 제어할 수 있는 메서드이며 on과 동일..