jQuery6 [jQuery] 요소의 탐색 (기타 탐색 메서드) 복습 https://shins99.tistory.com/94 기타 탐색 메서드 기타 탐색 메서드 - DOM 트리에서 요소의 탐색을 위해 사용되는 기타 메서드 1. .add() 2. .each() 3. .end() 4. .offsetParent() 5. .contents() .add() 메서드 - 선택한 요소의 집합에 전달받은 요소를 추가 1 2 3 4 5 6 7 예제 $(function() { $("button").on("click", function() { $("li").add("p") // 선택한 요소의 집합에 요소를 추가함. .css({"border": "2px solid green"}); // 해당 요소의 CSS 스타일을 변경함. }); }); Colored by Color Scripter cs .. 2023. 10. 4. [jQuery] 요소의 탐색 (조상 요소의 탐색) 복습 https://shins99.tistory.com/84 [jQuery] 요소의 복사 및 삭제 복습 https://shins99.tistory.com/83 [jQuery] 요소의 추가 복습 https://shins99.tistory.com/82 [jQuery] 선택 요소에 접근 복습 https://shins99.tistory.com/81 [jQuery] 제이쿼리 선택자 복습 https://shins99.tistory.com/80 [jQuery] CSS shins99.tistory.com 조상 요소의 탐색 트리 탐색(tree traversing) - 특정 요소로부터 다른 요소들과의 관계를 통해 선택하길 원하는 요소까지 DOM 트리를 검색해 나아가는 과정 1. 조상(ancestor) 요소 탐색 2. 형제.. 2023. 9. 27. [jQuery] 요소의 추가 복습 https://shins99.tistory.com/82 [jQuery] 선택 요소에 접근 복습 https://shins99.tistory.com/81 [jQuery] 제이쿼리 선택자 복습 https://shins99.tistory.com/80 [jQuery] CSS 선택자 복습 https://shins99.tistory.com/79 [jQuery] 제이쿼리 문법 복습 https://shins99.tistory.com/78 [jQuery] 제이쿼 shins99.tistory.com 요소의 추가 - 제이쿼리는 새로운 요소나 콘텐츠를 손쉽게 추가할 수 있도록 여러 메서드를 제공 기존 요소의 내부에 추가 다음 메소드를 사용시 기존 요소의 내부에 새로운 요소나 콘텐츠를 추가할 수 있음 1. .append().. 2023. 9. 24. [jQuery] CSS 선택자 복습 https://shins99.tistory.com/79 [jQuery] 제이쿼리 문법 복습 https://shins99.tistory.com/78 [jQuery] 제이쿼리 개요 제이쿼리(jQuery)란? 제이쿼리(jQuery)는 오픈 소스 기반의 자바스크립트 라이브러리입니다. 제이쿼리는 여러분의 웹 사이트에 자바스크립트를 더 shins99.tistory.com 요소의 선택 - 제이쿼리를 사용하면 손쉽게 HTML 요소를 선택하여, 선택된 요소에 특정 동작 설정 가능 (요소를 선택하기 위해 대부분의 CSS 선택자뿐만 아니라 몇몇 비표준 선택자까지 제공) CSS 선택자를 이용한 선택 - 제이쿼리에서는 CSS 선택자를 사용하여 HTML 요소 선택 가능 (태그 이름을 사용하여 같은 태그 이름을 가지는 HTM.. 2023. 9. 18. [jQuery] 제이쿼리(jQuery) 문법 복습 https://shins99.tistory.com/78 [jQuery] 제이쿼리 개요 제이쿼리(jQuery)란? 제이쿼리(jQuery)는 오픈 소스 기반의 자바스크립트 라이브러리입니다. 제이쿼리는 여러분의 웹 사이트에 자바스크립트를 더욱 손쉽게 활용할 수 있게 해줍니다. 또한, 제이쿼 shins99.tistory.com 제이쿼리 문법 - 사용 시 아주 간편하게 HTML 요소를 선택하고, 그렇게 선택된 요소에 손쉽게 특정 동작을 설정 가능. 제이쿼리의 기본 문법 1 2 3 문법 $(선택자).동작함수(); cs - 달러($) 기호는 제이쿼리를 의미하고, 제이쿼리에 접근할 수 있게 해주는 식별자 - 선택자를 이용하여 원하는 HTML 요소를 선택, 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정 $.. 2023. 9. 16. [jQuery] 제이쿼리 개요 제이쿼리(jQuery)란? - 오픈 소스 기반의 자바스크립트 라이브러리 - 웹 사이트에 자바스크립트를 더욱 손쉽게 활용할 수 있게 함 - 짧고 단순한 코드로도 웹 페이지에 다양한 효과나 연출을 적용 가능 - 오늘날 가장 인기 있는 자바스크립트 라이브러리 중 하나 제이쿼리의 장점 - 현재 많이 사용되고 있는 자바스크립트 라이브러리 - 프로토타입(Prototype) - 도조(Dojo) - GWT(Google Web Toolkit) - MochiKit - 제이쿼리가 특히 많이 사용되는 이유 1. 주요 웹 브라우저의 구버전을 포함한 대부분의 브라우저에서 지원 2. HTML DOM을 손쉽게 조작할 수 있으며, CSS 스타일도 간단히 적용 3. 애니메이션 효과나 대화형 처리를 간단하게 적용 4. 같은 동작을 하는 .. 2023. 9. 15. 이전 1 다음