일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 자바
- Linux
- 스프링 빈
- 백준 java
- 연습문제
- 월간코드챌린지
- java 백준 1차원 배열
- 고잉버스
- 리눅스마스터 3과목
- toCharArray
- 백준 javascript
- 문자열
- 스프링 컨테이너
- 코딩테스트
- JavaScript
- 리눅스
- 카카오
- GoingBus
- 코테
- 반복문
- 리눅스마스터 1급 정리
- 리눅스마스터1급
- 자바스크립트 코딩의 기술
- 프로그래머스
- 명령어
- map
- Memoir
- Kotlin
- Java
- 개발자 회고록
- Today
- Total
목록 jquery filtering (2)
hoon DevLog

기타 탐색 메서드 DOM 트리에서 요소의 탐색을 위해 사용되는 메서드 .add() : 선택한 요소의 집합에 전달받은 요소를 추가 $(function() { $("button").on("click", function() { $("li").add("p") // 선택한 요소의 집합에 요소를 추가함. .css({"border": "2px solid green"}); // 해당 요소의 CSS 스타일을 변경 }); }); $(function() { $("button").on("click", function() { $("#list").append("새로 추가된 아이템이에요!"); }); }); 위의 예제에서 알 수 있듯이 .add() 메서드는 선택한 '요소의 집합'에 인수로 전달받은 요소를 추가하는 메서드 하지만 ...

CSS 선택자 요소의 선택 제이쿼리를 사용하면 손쉽게 HTML 요소를 선택하여, 선택된 요소에 특정 동작을 설정 할 수 있음. 제이쿼리에서는 요소를 선택하기 위해 대부분의 CSS 선택자뿐만 아니라 몇몇 비표준 선택자까지 제공 CSS 선택자를 이용한 선택 제이쿼리에서는 CSS 선택자를 사용하여 HTML 요소를 선택 가능 태그 이름을 사용하여 같은 태그 이름을 가지는 HTML 요소를 모두 선택 가능 자바스크립트의 getElementsByTagName() 메서드와 같은 동작 $(function() { $("p").on("click", function() { // 요소를 모두 선택함. $("span").css("fontSize", "28px"); // 요소를 모두 선택함. }); }); $() 함수에 전달되는 ..