jQuery9 jQuery(요소 추가)_2024-07-25 요소의 추가제이쿼리는 새로운 요소나 콘텐츠를 손쉽게 추가할 수 있도록 여러 메소드를 제공합니다. 기존 요소의 내부에 추가다음 메소드를 사용하면 기존 요소의 내부에 새로운 요소나 콘텐츠를 추가할 수 있습니다.1. .append()2. .prepend()3. .appendTo()4. .prependTo() .append() 메소드.append() 메소드는 선택한 요소의 '마지막'에 새로운 요소나 콘텐츠를 추가합니다.예제$(function() { $("button").on("click", function() { $("#list").append("새로 추가된 아이템이에요!"); });}); .prepend() 메소드.prepend() 메소드는 선택한 요소의 '처음'에 새로운 요소나 콘텐츠.. 2024. 7. 25. jQuery(선택자)_2024-07-24 제이쿼리 선택자제이쿼리에서는 CSS 선택자뿐만 아니라 몇몇 비표준 선택자까지도 사용할 수 있습니다.이러한 비표준 선택자를 사용하면 선택한 요소를 저장하거나, 그 결과에 대해 필터링까지 할 수 있습니다. 선택한 요소의 저장제이쿼리에서는 선택한 요소들을 변수에 저장하여 사용할 수 있습니다.다음 예제는 문서 내의 모든 요소를 선택하여 변수에 저장한 후, 해당 변수를 사용하는 예제입니다.예제$(function() { var items = $("li"); // 요소를 모두 선택하여 변수 items에 저장함. $("button").on("click", function() { $("#len").text("저장된 요소의 총 개수는 " + items.length + "개 입니다."); });.. 2024. 7. 24. jQuery(기초문법)_2024-07-24 q제이쿼리 문법제이쿼리를 사용하면 아주 간편하게 HTML 요소를 선택하고, 그렇게 선택된 요소에 손쉽게 특정 동작을 설정할 수 있습니다.제이쿼리의 기본 문법은 다음과 같습니다.문법$(선택자).동작함수();달러($) 기호는 제이쿼리를 의미하고, 제이쿼리에 접근할 수 있게 해주는 식별자입니다.선택자를 이용하여 원하는 HTML 요소를 선택하고, 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정합니다. $() 함수$() 함수는 선택된 HTML 요소를 제이쿼리에서 이용할 수 있는 형태로 생성해 주는 역할을 합니다.$() 함수의 인수로는 HTML 태그 이름뿐만 아니라, CSS 선택자를 전달하여 특정 HTML 요소를 선택할 수 있습니다.이러한 $() 함수를 통해 생성된 요소를 제이쿼리 객체(jQuery obje.. 2024. 7. 24. 이전 1 2 다음
