선택자와 스타일(css)
<HTML>
<CSS>
<화면>
1. 스타일
.css('속성','속성값');
여러개 : 객체를 이용한다.
.css({'속성1' : '속성값1', '속성2' : '속성값2' ... })
2. 선택자
1) 제 3자. 대상 - 그냥 css처럼 선택한다
2) 부모 - parent, parents
parent : 바로 위의 부모 ( 선택가능, 굳이 선택할 필요는 없음 )
parents : 여러 부모 ( 선택가능 )
2) 자식 - children : 바로 아래 자식. (선택가능)
3) 형제 : siblings (선택가능)
4) 자손 : find
아래에 있는 모든 자손. (선택필수)
5) 순서로 선택하기 : nth-child()(1부터시작) , eq()(0부터시작)
1) 제 3자. 대상
css 에서 사용했던 모든 특수문자가 가능하다
2) 부모
- parent 속성이 따로 없어도 잘 선택한다.
- parent('.grand') : 안된다. 오류도 안남 ( 그냥 선택자의 문제로 처리됨 )
- parents('.grand')
- parents('.parent')
- parents() : 모두. body까지 된다.
3) 자식 : children
- grand의 children()
-parent 의 children()
-parent의 children('.child2')
4) 형제 : siblings
-child2의 siblings()
-child2의 siblings('..child1')
5) 자손 : find
-grand의 fine() : find()는 선택이 필수이므로 아무일도 안일어난다 ( 오류도 안남 )
-grand의 find('.parent')
-grand의 find('.child2') : 잘 동작한다
-grand의 .children('.child2') : 바로 아래 자식만 가능하므로 안된다.
6) 인덱스 (index) : 순서로 선택하기.
(1) : css에서처럼 nth-child로 선택하기 : 1부터 index 시작
(2) .eq이용하기 : 0부터 index시작
- 한번에 붙여서도 가능하다. 바로 그 대상에게 적용 됨
- 인덱스 응용.
'프론트엔드 > ㄴjQuery' 카테고리의 다른 글
| <jQuery> 슬라이드 만들기 (0) | 2017.08.25 |
|---|---|
| <jQuery> 애니메이션 만들기 (animate) (0) | 2017.08.18 |
| <jQuery> js와 jQuery 같이 쓰기 (0) | 2017.08.18 |
| <jQuery> js 파일연결이 헤드 혹은 태그보다 위에 있을 때 해결방안 (0) | 2017.08.18 |
| <jQuery> 이벤트 (event) (0) | 2017.08.18 |