web developer

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..