목록전체 글 (47)
Romantic Developer : )
안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 앞에서 배운 Element 에 대한 식별, 조회, 속성 API 를 jQuery 상에서는 어떻게 사용하는 지에 대하여 알아보고자 합니다. 지난 시간에 jQuery 의 기본 사용법에 대한 포스팅에서 jQuery 의 기본 문법 형식은 $('')라고 알려드렸습니다.오늘은 그런 jQuery 에서 더 나아가 Element 에 대한 API 를 jQuery로 어떻게 사용하는지 알아보고자 합니다. 바로 시작하도록 하겠습니다. 1. attr 조회,변경,추가,제거 아래 코드는 a 태그에 대한 속성값을 jQuery를 활용하여 어떻게 조회, 변경, 추가, 제거 하는지에 대한 코드입니다. jQuery 에서는 attr() 을 통하여 조회, 변경, 추가, 제거 가 가능합니다. 정..
안녕하세요, 영감을 주는 개발자 방민방민입니다. 오늘은 조회 API 대하여 알아보고자 합니다. 조회는 이전 시간에 많은 포스팅을 통해 알아보았기 때문에 조금 더 심화적으로 조회를 깊이 있게 들어가는 것에 대하여 실습해 보고자 합니다. 1. 조회 API 아래 코드를 먼저 살펴 보도록 하겠습니다. html css JavaScript JavaScript Core DOM BOM 이는 아래의 내용을 출력합니다.document 그룹에서는 class Name 을 marked 로 갖는 html, DOM, BOM 이 출력됩니다. 반면 active 그룹에서는 active 를 id 로 갖는 javascript 엘리먼트의 하위 엘리먼트 중에서 className 을 marked 로 갖는 엘리먼트만을 조회하였습니다. 이처럼 AP..
안녕하세요! 영감을 주는 개발자 방민방민입니다. 오늘은 Element 객체에 대하여 집중적으로 알아보고자 합니다. Element 객체는 각각의 엘리먼트를 추상화 한 객체입니다. HTMLElement 에 대한 이해를 위해서는 DOM 에 대한 이해가 반드시 있어야 합니다.DOM 구조에서 Element 의 위치는 아래 그림과 같습니다.(출처 : 생활코딩) 이러한 엘리먼트 객체가 가지는 주요 기능은 아래와 같습니다.식별자문서내에서 특정한 엘리먼트를 식별하기 위한 용도로 사용되는 APIElement.classListElement.classNameElement.idElement.tagName조회엘리먼트의 하위 엘리먼트를 조회하는 APIElement.getElementsByClassNameElement.getElem..