[jQuery 2장] 태그들을 id,class,name으로 찾고 싶어요~

이번에는 jquery로 태그들을 찾는것을 해볼까~ 합니다

 

1. 주로 쓰는 방식은 태그의 id,name,class로 찾는 방식입니다.

 

모두 작성하는것이 에디터상 힘들어서... 캡처로!

 

[소스화면]

 [실행화면]

 

태그 id로 특정 태그를 찾고 싶을때  : #을 붙여준다

태그 class로 특정 태그를 찾고 싶을때 : .을 붙여준다.

태그 name으로 특정 태그를 찾고 싶을때 : 태그시작[name=네임명]으로 찾는다

 

클릭이벤트 첫번째 설명

아이디로 찾기 버튼 클릭시 아이디가 txt1 인놈을 찾는다

실행화면에서 콘솔을 확인했을 경우

1번콘솔 : id가 txt1 인놈이 한개 있어서 0 : input#txt1 이란놈이 출력됐다

 

 

클릭이벤트 두번째 설명

클래스로 찾기 버튼 클릭시 클래스가 txt1 인놈을 찾는다

2번콘솔 : class가 txt1 인놈이 두개 있어서 0: input.txt1

                                                        1: input.txt1

이렇게 2개가 출력됐다.

 

클릭이벤트 세번째 설명

input 태그중 name이 txt1 인놈을 찾는다.

3번콘솔 : 0 : input 한놈 출력

 

클릭이벤트 네번째 설명

화면상에 없는 태그를 찾는다.

4번콘솔 : 없는 놈을 호출하였으므로 로그에는 값은 찍히지만 태그를 못찾아서

             1,2,3번과 같이 배열값 0 : inpuxxx 어쩌구 하는것이 보이지 않는다.

​

​

해당 방법 말고도 다른방법으로도 태그들을 찾을 수 있겠지만, 자주 쓰이는 방법으로만 기술했습니다.

​다음에는 이벤트를 올리도록 하겠습니다.

​

끝​

도움이 되셨다면 손가락↓ 클릭! 궁금하신점은 댓글!!