제이쿼리 선택자 (2) 썸네일형 리스트형 제이쿼리 DOM 횡단 DOM의 구조 html --head ----title --body ----div#container ------header ------div.main --------nav --------div#zero ----------p ------------b ------------em ----------span ----------input --------div#nero --------div#hero ------footer div#zero 선택 $('div#zero') parent $('div#zero').parent(); document.getElementById('zero').parentElement; parentsUntil 부모부터 시작해서 선택한 조상 태그 이전까지를 모두 선택 $('div#zero').pare.. 제이쿼리 선택자 제이쿼리를 선택하는 큰 이유가 제이쿼리 선택자 입니다. css 선택자를 그대로 사용할 수 있어서 코드 선택이 매우 간단하다. 아래 두개의 코드가 나와서 가치가 좀 떨어졌지만 구형 브라우저에서는 탁월한 선택이다. document.querySelector document.querySelectorAll 제이쿼리 선택자는 $() 모양인데 $라는 변수(함수) 의 괄호 안에 인자를 제공하는 것이다. 이 함수가 실행된 후에 내부적인 과정을 거쳐 결과를 반환한다. 아이디 (#) 기존 document.getElementById('zero'); 제이쿼리 $('#zero'); ES5의 대안 document.querySelector('#zero') 클래스(.) 기존 document.getElementsByClassName('.. 이전 1 다음