web developer

요소 제거하기 : .remove(), .empty() DOM 요소 제거하는 방법으로는 remove() 메서드를 사용하거나 empty() 메서드는 사용하는 방법입니다. SAMPLE remove() 메서드 사용법은 $(selector).remove() 이며, selector 에 해당하는 DOM 요소를 제거합니다. // span 요소 자체가 사라지게 됩니다. 그 결과 태그가 요소가 삭제되었습니다. empty() 메서드 사용법은 $(selector).empty() 이며, selector 에 해당하는 DOM 요소의 내용을 (제거)비웁니다. 따라서 셀렉터로 잡은 span 요소가 아닌 그 내부(하위)의 요소들이 제거됩니다. 출처 : https://dololak.tistory.com/405

요소 내부를 변경하는 태그 : .text() 메소드, .html() 메소드 라이브러리인 jquery 안에서 .text()와 .html() 메소드를 활용하면, 기존 요소의 내부에 새로운 요소나 콘텐츠를 반환하거나 설정할 수 있다. .text() : 해당 요소의 텍스트 콘텐츠를 반환하거나 설정한다. .html() : 해당 요소의 HTML 콘텐츠를 반환하거나 설정한다. .text() 메소드 .text() 메소드는 선택한 요소의 내용을 새로운 단순 text로 변경한다. 안녕하세요. .text() 메소드를 이용하면, 요소의 내용을 새로운 text로 변경할 수 있다. .html() 태그 .html() 메소드는 선택한 요소의 내용을 새로운 HTML 요소로 변경한다. 안녕하세요. .html() 메소드를 이용하면, 요소..

DOM (문서 객체 모델) 문서 객체 모델(DOM, Document Object Model)이란 HTML 문서 객체 구조를 말합니다. HTML 문서의 기본 객체 구조는 최상위 객체인 이 있고 하위 객체로 , 가 있습니다. 이때 문서 객체 모델에서는 모든 태그를 객체라고 부르며 , 태그에는 기능과 속성이 포함되어 있습니다. 예를들어 태그는 이미지를 출력하는 기능이 있고 src, alt, width, height와 같은 속성을 포함하고 있습니다. jquery 문법 (1) $(document).ready() $(document).ready()는 문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 의미입니다. * jquery 이벤트 메서드 중 하나입니다. (2) $(function() jQuery 의 간단한..

태그 이름을 사용하여 같은 태그 이름을 가지는 HTML 요소를 모두 선택 $(function() { $("p").on("click", function() { // 요소를 모두 선택함. $("span").css("fontSize", "28px"); // 요소를 모두 선택함. }); }); 아이디(id)를 사용하여 특정 HTML 요소를 선택 $(function() { $("p").on("click", function() { $("#jq").css("border", "2px solid orange"); // 아이디가 "jq"인 요소를 선택함. }); }); 클래스(class)를 사용하여 같은 클래스에 속하는 HTML 요소를 모두 선택 $(function() { $("p").on("click", function..