DOM
-
[JQuery] DOMVScode/JQuery 2022. 9. 9. 14:46
-DOM은 자바스크립트보다 제이쿼리에서 훨씬 활용도 높음 1. 기본 필터링 메서드 filter() -$(selector).filter(selector); -$(selector).filter(function(index){}); Header - 0 Header - 1 Header - 2 Header - 3 Header - 4 Header - 5 2. 문서 객체 탐색 chaining과 종료 -chaining을 사용해 한 줄로 서로 다른 문서 객체에 스타일 적용 가능 -관련 셀렉터들로 필터링한 후 chaining과 filter를 사용함. Header - 0 Header - 1 Header - 2 Header - 3 Header - 4 Header - 5 위의 체이닝 방식으로 실행하기 곤란한 상황일 때 *위 코드..
-
[JavaScript] DOMVScode/JavaScript 2022. 9. 9. 14:13
문서객체 모델(DOM, document object model) -넓은 의미: 웹 브라우저가 HTML 페이지를 인식하는 방식 -좁은 의미: document 객체와 관련된 객체의 집합 -HTML 페이지에 태그를 추가, 수정, 제거할 수 있음 -기본적인 자바스크립트만으로 DOM을 다루기에는 너무 복잡하므로 간단한 내용만 살펴보고 자세한 내용은 jQuery와 함께 DOM 관련 용어 -문서 객체: html or body 태그를 자바스크립트에서 이용할 수 있는 객체로 만들면 그것이 문서 객체 -노드: 각 요소(head, body, title, script, h1, HEADER...) --요소노드(Element Node): HTML 태그 --텍스트노드(Text Node): 요소 노드 안에 들어 있는 글자 -정적..