기존 DOM 요소 래핑
var myElement = document.getElementById(“myElement”);
var $myElement = $(myElement); // Wraps the existing DOM element into a jQuery object
새 요소 만들기
var $newDiv = $(“<div>”); // Creates a new element
속성을 사용하여 새 요소 생성
var $newLink = $(“<a>”, { href: “https://example.com”, text: “Click me” });
// Creates a new <a> element with href attribute and text content
CSS 클래스를 사용하여 새 요소 만들기
var $newButton = $(“<button>”).addClass(“btn btn-primary”);
// Creates a new <button> element with CSS classes
HTML 콘텐츠로 새 요소 만들기
var $newParagraph = $(“<p>”).html(“This is a new paragraph.”);
// Creates a new <p> element with HTML content
기존 요소 복제
var $cloneElement = $(“#existingElement”).clone();
// Clones an existing element and wraps it into a jQuery object
이벤트 핸들러를 사용하여 새 요소 생성
var $newButton = $(“<button>”).text(“Click me”).click(function() { alert(“Button clicked!”); });
// Creates a new <button> element with text content and a click event handler
데이터 속성을 사용하여 새 요소 생성
var $newDiv = $(“<div>”, { id: “myNewDiv”, “data-custom”: “value” });
// Creates a new <div> element with id attribute and data-custom attribute
