-
[HTML&CSS] 자식&자손 선택자, 선택자 여러개 선택하기programming/HTML&CSS 2019. 9. 30. 23:45반응형
html, css, javascript, jquery... 등에서 선택자를 쓸 일이 많다.
객체를 선택할 때 많이 쓰는데 여러 가지 방법으로 쓸 수 있다.
#SELECTOR { stlye:display:none;}$("#SELECTOR").val("test value");등의 형식으로 쓸 수 있다.
이때 선택자는, 자식 선택자, 자손 선택자 또는 여러 선택자를 동시에 선택할 수 있다.
먼저 자식 선택자는 "바로 아래" 객체를 선택할 수 있다.
<html> <body> <selector1> <selector2> <selector3-1> </selector3-1> <selector3-2> </selector3-2> </selector2> </selector1> </body> </html>위와 같은 html 태그들이 있을때,
자식 선택자로 아래와 같이 해당 객체를 선택할 수 있다.
$("SELECTOR1 > SELECTOR2");자손 선택자로는 "해당 객체 하위 객체 중 하나"를 선택할 수 있다.
$("SELECTOR1 SELECTOR3-1");자식 선택자가 바로 아래 객체를 선택 할 수 있었다면,
자손 선택자로는 바로 아래 객체가 아닌 더 밑의 객체도 선택할 수 있다.
마지막으로 선택자를 동시에 선택하고 싶을때는
$("#SELECTOR1,SELECTOR2");", "를 통해서 여러 객체를 한 번에 선택할 수 있다.
반응형'programming > HTML&CSS' 카테고리의 다른 글
[html] 스크립트 삽입 위치와 async, defer 속성 (0) 2019.10.26 탭인덱스 거꾸로 이동하기 (0) 2019.10.14 [HTML&CSS] 아이폰에서 display:none이 안될때 (0) 2019.09.26 [HTML&CSS] a tag의 href="#" 의미 (0) 2019.09.22 [HTML&CSS] div로 게시판 글쓰기 (0) 2019.08.20