jQuery Selector (1) 직접선택자

쵸리·2021년 7월 3일
0

jQuery

목록 보기
2/9
post-thumbnail

제이쿼리 셀렉터란 css에서 처럼 엘리먼트를 꾸며줄때 처럼
태그 선택자, 클래스 선택자, id선택자가 존재하는데,
태그명, .클래스명, #아이디명이랑 비슷하게 제이쿼리도 선택자를 준다.

jQuery 셀렉터 표기방식

<div id="hello"></div>
<div class="hello"></div>
<div></div>

위 코드처럼 각각 id를 가진, class를 가진, 그냥 태그인 div가 있을경우 jQuery에서는

// 아이디 선택자
$('#hello');

// 클래스 선택자
$('.hello');

// 태그 선택자
$('div');

으로 아주 쉽고 간단하게 엘리먼트를 선택할 수 있다. 그리고 다중으로도 선택자를 잡을 수 있는데

<div id="hello"></div>
<div id="world"></div>
이렇게 각각의 id를 가진 div가 있다면 

$('#hello, #world'); 이렇게 ,를 넣어서 다중으로도 선택가능하다.

또한 $()안에 JavaScript의 변수,배열,객체 등 넣는것도 가능하다.

0개의 댓글