jQuery(제이쿼리) 강좌와 예제모음

셀렉터 기초 : id 이름으로 셀렉트하기

전체 기초강좌 만들어보기 초급예제 중급예제 그렇군 대기중 jQuryUI 예제
등록일 : ,

id 로 셀렉트 하기

id 는 #아이디명 형식을 사용합니다.
id 이름은 절대 중복되면 안됩니다.


셀렉터 : $('#아이디명')


예제1
셀렉터 : $('#dog') - id 이름이 dog인 요소를 셀렉트 합니다.

<div id="dog">멍멍멍</div>
<div id="cat">냐옹 냐옹</div>


예제2
셀렉터 : $('#cat') - id 이름이 cat인 요소를 셀렉트 합니다.

<div id="dog">멍멍멍</div>
<div id="cat">냐옹 냐옹</div>

id 이름이 같을때 셀렉트를 한다면?

아래 예제는 산책 가자 버튼을 누르면 개가 없어집니다.
산책을 가서 없어짐 ...

id 는 유일해야 하는데 같은것이 여러개 있다면
순서상 첫번째 것만 선택됩니다.


HTML

<!-- id 는 아래처럼 중복되면 안됩니다 -->
<img src="/img/dog060.gif" id="dog" />
<img src="/img/dog061.gif" id="dog" />
<img src="/img/dog021.gif" id="dog" />
<img src="/img/cat051.gif" id="cat" /><!-- cat 은 산책 안감 -->
<img src="/img/dog061.gif" id="dog" />
<img src="/img/dog021.gif" id="dog" />
<br>

<button type="button" onclick="$('#dog').remove()">산책 가자 !!</button>

- remove() 는 선택된 요소를 제거하는 메서드 입니다.
- 버튼을 누를때 마다 맨앞 개가 없어집니다. (실제로 요소가 제거됨)