programming/HTML&CSS
[HTML&CSS] 자식&자손 선택자, 선택자 여러개 선택하기
LeeBorn
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");", "를 통해서 여러 객체를 한 번에 선택할 수 있다.
반응형