jQuery w3schools 한글판 강좌13 - jQuery Selectors - The .class Selector

프로그래머7

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 2335 2335

The .class Selector

jQuery class selector는 특정 class를 가지고 있는 요소를 찾습니다.

특정 클래스를 지닌 요소를 찾으려면, 다음처럼 마침표를 적고 class이름을 뒤에 적습니다 :

$(".test")

Example

사용자가 버튼 클릭하면, class="test"를 가진 요소는 사라질 것 입니다 :

Example

$(document).ready(function(){
    $("button").click(function(){
        $(".test").hide();
    });
});

jQuery Selectors의 더 많은 예

Syntax	Description	Example
$("*")	모든 요소 선택

$(this)	현재 HTML element 선택
$("p.intro")	class="intro"를 가지는 모든 <p> elements 선택
$("p:first")	맨처음 <p> element 선택
$("ul li:first")	맨처음 <ul>의 맨처음 <li> element 선택
$("ul li:first-child")	모든 <ul>의 맨처음 <li> element 선택
$("[href]")	href attribute를 지니는 모든 요소 선택
$("a[target='_blank']")	타겟 attribute 값이 "_blank" 와 같은 모든 요소들 선택
$("a[target!='_blank']")	타겟 attribute 값이 "_blank" 와 같지 않은 모든 요소들 선택
$(":button")	type="button" 인 모든 <button>요소와 <input> elements를 선택
$("tr:even")	모든 짝수번째 <tr>요소를 선택
$("tr:odd")	모든 홀수번째 <tr>요소를 선택

w3school.com의 jQuery Selector Tester 를 사용하여 다른 선택자들을 시연해보세요

모든 jQuery selectors의 완벽한 레퍼런스(참고할것)을 원하면, jQuery Selectors Reference. 를 방문하십시오

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4526	PHP	number_format - 그룹화 된 수천의 숫자 서식 지정	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1960
4525	PHP	nl2br - 문자열의 모든 줄 바꿈 앞에 HTML 줄 바꿈을 삽입합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1811
4524	PHP	metaphone - 문자열의 메타 폰 키 계산	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1976
4523	기타	comment out의 의미	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	14774
4522	OS	윈도우 프로그램을 리눅스 등 다른 os도 실행하는법 [7]	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3029
4521	jQuery	jQuery w3schools 한글판 강좌27 - jQuery Effects - jQuery fadeIn() Method	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2112
4520	jQuery	jQuery w3schools 한글판 강좌26 - jQuery Effects - 페이딩(Fading)	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2211
4519	jQuery	jQuery w3schools 한글판 강좌26 - jQuery Effects - jQuery toggle()면	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2323
4518	jQuery	jQuery w3schools 한글판 강좌25 - jQuery Effects - Hide and Show2	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2082
4517	jQuery	jQuery w3schools 한글판 강좌24 - jQuery Effects - Hide and Show	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2233
4516	jQuery	jQuery w3schools 한글판 강좌23 - Commonly Used jQuery Event Methods - on() 메소드	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3183
4515	PHP	md5 - 문자열의 md5 해시 계산	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2098
4514	PHP	md5_file - 주어진 파일의 md5 해시를 계산합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1877
4513	PHP	ltrim - 문자열 시작 부분의 공백 (또는 다른 문자)을 제거합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2171
4512	PHP	lcfirst - 문자열의 첫 문자를 소문자로 만듭니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1931
4511	PHP	implode - 배열 요소를 문자열로 결합	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2657
4510	PHP	htmlspecialchars_decode - 특수 HTML 엔터티를 다시 문자 로 변환합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2351
4509	jQuery	jQuery w3schools 한글판 강좌22 - Commonly Used jQuery Event Methods - focus(), blur()	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2240
4508	jQuery	jQuery w3schools 한글판 강좌21 - Commonly Used jQuery Event Methods - hover()	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2370
4507	jQuery	jQuery w3schools 한글판 강좌20 - Commonly Used jQuery Event Methods - mousedown() mouseup()	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1741
4506	jQuery	jQuery w3schools 한글판 강좌19 - Commonly Used jQuery Event Methods - mouseenter() mouseleave()	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1778
4505	jQuery	jQuery w3schools 한글판 강좌18 - Commonly Used jQuery Event Methods - dbclick()	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1790
4504	jQuery	jQuery w3schools 한글판 강좌17 - Commonly Used jQuery Event Methods	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2165
4503	PHP	htmlentities - 적용 가능한 모든 문자를 HTML 엔티티로 변환합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2291
4502	PHP	html_entity_decode - 모든 HTML 엔터티를 해당 문자로 변환합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2155
4501	PHP	hex2bin - 16 진수로 인코딩 된 바이너리 문자열을 디코드합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2411
4500	jQuery	jQuery w3schools 한글판 강좌16 - jQuery Syntax For Event Methods [1]	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1832
4499	jQuery	jQuery w3schools 한글판 강좌15 - jQuery Event Methods	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1774
4498	jQuery	jQuery w3schools 한글판 강좌14 - jQuery Selectors - Functions in a Separate File	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1657
4497	PHP	fprintf - 형식화 된 문자열을 스트림에 씁니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1658