DOM
-
jQuery append, prepend, after, beforeWeb/jQuery 2018. 9. 5. 10:58
특정 태그를 기준으로 Element를 첨부하고 싶을 때 Selector와 다음 함수들을 사용한다. 코드 먼저 보도록 하자. ※모든 예제는 아톰(atom)으로 작성했고, 오페라 브라우저를 통해 확인했다. html 문서 작업이 굉장히 편하기 때문에 사용을 권하고, 브라우저는 크롬이나 오페라를 권장한다. 인터넷 익스플로러에서는 같은 결과가 나오지 않는 경우가 굉장히 많을 것이다. ( 브라우저들의 DOM 작성 방법이 표준화되지 않았기 때문) Vacations Vacation Packages jQuery Travels Hawaiian Vacation Comments on this deal: "Amazing Deal!" "Can't wait to take this trip!" GET PRICE Call us at ..
-
jQuery PSEUDO Classes, Dom TraversingWeb/jQuery 2018. 9. 5. 10:56
문서에 같은 태그가 여러가지 있는 경우 class나 id를 사용해 제어할 수도 있지만 jQuery에서는 빈번하게 사용되는 패턴의 탐색들에 대해 미리 정의해놓았다. 그중 : 필터를 통해 여러 방법으로 태그에 접근하는 PSEUDO Classes와 그것을 보완하기 위해 나온 DOM Traversing에 대해 포스팅. 1) 특정 구간의 처음과 끝 태그에 접근하는 방법. 'destinations'를 id로 가지고 있는 태그의 li 태그 중 첫번째와 마지막 태그에 ':first', ':last' 키워드를 통해 접근할 수 있다.2) 마찬가지로 ':odd'와 ':even' 키워드로 홀수, 짝수 태그에 접근할 수 있으며, 이때 처음 시작하는 태그의 index가 0이기 때문에 짝수부터 시작한다는 점에 유의하자. 다음과 같..