[jQuery] .append() 와 .appendTo() vs .prepend() 와 .prependTo() 의 차이 jQuery 에서 특정 엘리먼트 안에 텍스트(tag, string 모두 포함) 을 넣어야 하는 경우가 있다. 그럴 경우 사용하는 함수가 .append() 와 .appendTo() 또는 .prepend() 와 .prependTo() 함수 이다. 1. .append() 와 .appendTo() .append() : $(A).append(B) // A 사이의 마지막에 B 가 추가 된다. .appendTo() : $(A).appendTo(B) // A 가 B 사이의 마지막에 추가 된다. 아래 예제를 통해 정확하게 확인 해 보자. [html] 리스트 항목 1리스트 항목 2리스트 항목 3리스트 항..
[jQuery] .animate() 함수에서 .stop() 함수의 중요성 jQuery 에서 .animate() 함수를 구현할 때 흔히 만나게 되는 문제가 하나 있다. 바로 애니메이션 큐(queue) 이다. 예를 들어, 네이게이션 메뉴에 마우스 오버가 되면 애니메이션이 동작하게 코딩이 된 경우, 마우스를 여러번 움직일때, 이전 애니메이션이 멈추기 전까지 애니메이션이 동작하지 않는 현상이 바로 애니메이션 큐로 인해 발생하는 문제이다. 이러한 문제를 해결하기 위해 .stop() 함수를 사용한다. .stop() : 현재 동작하고 있는 애니메이션은 즉시 동작이 중단 된다. .stop() 함수 사용하는 방법 $("#element").stop().animate( { width: "200px" }, 500); 아래 예..
[jQuery] ajax 사용하는 방법 웹브라우저에서 비동기식 데이터 통신을 할때 가장 많이 사용하는 것이 jQuery의 ajax 이다. 사용방법은 $.ajax 이다. 기본 문법은 아래와 같다. [기본형] jQuery.ajax( [setting] ) [예 1] $.ajax({ url: url, data: data, success: success, dataType: dataType }); setting 은 jQuery ajax 통신을 위한 옵션을 담고 있는 객체가 들어 간다. url : 요청 Url data : 요청과 함께 서버로 데이터를 전송 할 string 또는 map dataType : 서버측에서 전송받은 데이터의 형식 (default : xml, json, script, text, html) sec..