#  해당 요소의 하위 요소 가져오기 (태그, 텍스트)$("요소").html();// 덮어쓰기$("요소").html("새_요소");#  해당 요소의 하위 텍스트 가져오기$("요소").text();// 덮어쓰기$("요소").text("새_텍스트");#  해당 요소의 하위 요소 중 특정 요소 선택$("요소").find("찾을_요소");// 모든 하위 요소 선택$("요소").find("*");#  iframe() 내부 요소에 접근$("요소").contents(); #  요소의 상태에 따라 true/false 반환$("요소").is(":요소상태")// 요소A가 요소B이기도 하면 true 반환$("요소A").is("요소B")// ex: $(this).is("img") -> 대상 요소가 이면 true  - 요소 상..

#  해당 요소의 이전 위치에 요소 추가$("기존_요소").before($("추가할_요소"));// 또는$("기존_요소").before(" ... ");#  해당 요소의 다음 위치에 요소 추가$("기존_요소").after($("추가할_요소"));// 또는$("기존_요소").after(" ... "); #  해당 요소 내부의 처음 위치에 요소 추가$("요소").prepend($("추가할_요소"));#  해당 요소 내부의 마지막 위치에 요소 추가$("요소").append($("추가할_요소")); #  해당 객체 복제$("요소").clone(true|false);  - true : 하위 요소까지 모두 복제  - false : 선택한 요소만 복제  - clone() 없이 다른 요소에 append 등을 실행하면 ..

#  배열에서 특정 값 찾기$.inArray("찾을_값", 배열, [시작인덱스]);  - 배열에서 해당 값을 가진 요소의 인덱스를 반환함  - 찾지 못하면 -1을 반환함#  배열인지 확인$.isArray(배열); #  배열 a에 배열 b 병합$.merge(배열a, 배열b);#  요소 배열 중에 특정 조건을 만족하는 요소의 인덱스 찾기$("요소").index(조건);// ex: $("li").index($("#list3")); -> li 요소 중에 id가 'list3'인 요소의 인덱스#  배열의 인덱스 순서대로 하나씩 접근 (foreach)$("요소").each(function(인덱스, 배열값) { // 코드 });// 또는 $.each(배열, function(인덱스, 배열값) { // 코드});#  배열..

저장 전 저장 후

1. 이미지 추가 및 스타일 설정2. ajax 통신 코드  - 통신 중에는 로딩 스피너가 표시되고, 통신이 끝나면 로딩 스피너가 사라짐$("요소").on("click", function() { // 가장 위 (로딩 스피너 표시) $("#loadingImage").show(); // ... $.ajax({ type : "post", url : ajaxurl, ... }).done((res) => { // 통신 성공 시 // 가장 아래 (로딩 스피너 숨김) $("#loadingImage").hide(); }).fail((error) => { // 통신 실패 시 // 가장 아..