기본 콘텐츠로 건너뛰기

자바스크립트(JavaScript) | JQuery 선택자(Selector) by id, class, attribute(속성)


자바스크립트(JavaScript) | JQuery 선택자(Selector) by id, class, attribute(속성)

id, class, attribute(속성)로 html element 검색




1. id로 검색

$('#id명');
- 중복된 id가 있을 경우 첫번째 element만 검색됨


2. class로 검색

$('.class명');


3. attribute(속성)로 검색

$('[속성key="속성value"]');



<input type="text" id="usr_nm" class="usr_nm" name="usr_nm" value="usr01"/>

// ------------------------------
// 1. id로 검색
// ------------------------------
var $usrNm = $('#usr_nm');
 
 
// ------------------------------
// 2. class로 검색
// ------------------------------
var $usrNm = $('.usr_nm');
 
 
// ------------------------------
// 3. attribute(속성)로 검색
// ------------------------------
// 속성으로 검색
var $usrNm = $('[name="usr_nm"]');
 
// tag명 + 속성으로 검색
var $usrNm = $('input[name="usr_nm"]');        
 
// 다중 속성으로 검색
var $usrNm = $('input[name="usr_nm"][value="usr01"]');

댓글