1 .after() .insertAfter() .before() .insertBefore

• .after() : A 이후에 B를 추가한다.

$("#base").after("<div>새로운 엘리먼트(after)</div>");

• .insertAfter() : A를 B 이후에 추가한다.

$("<div>새로운 엘리먼트(insertAfter)</div>").insertAfter("#base");

• .before() : A 이전에 B를 추가한다.

$("#base").before("<div>새로운 엘리먼트(before)</div>");

• .insertBefore:() A를 B 이전에 추가한다.

$("<div>새로운 엘리먼트(insertBefore)</div>").insertBefore("#base");

2. .wrap() .unwrap() .wrapInner() .wrapAll

• wrap() : 타겟된 요소를 감싼다. (외부)
• unwrap() : 타겟된 요소를 감싼걸 해제한다. (외)
• wrapInner() : 타겟의 요소안을 감싼다.
• wrapAll() : 타겟을 전부 모아 외부에 한번에 감싼다.

3. .remove() .empty() .detach()

• remove() : 요소를 삭제한다.
• empty() : 요소의 내부 내용을 삭제한다.
• detach() : 해당 요소를 잘라낸다. → 값에 저장가능

4. $.ajax({ ... })

$.ajax({
				url :  // 통신할 서버 페이지 주소,
        method : // 통신방식,
        async : true, // 비동기 여부 (default : true) false 시 동기식
        dataType : // 받아오는 데이터의 형식 (명시적으로 써주는 것),
        success : function(data){
                          // 통신 성공시 document 형식으로 서버에서 리턴되는 내용을 가지고 온다.  
                   },
         error : function(request,error){
                      // 통신 오류시 발생되는 오류      
				}
		);