jQuery 기본
기본 선택자
$('div').css('background-color', 'yellow');
어, 어디서 많이 본 것 아닌가? 그렇다. CSS와 같다.
입력 양식 필터링
| 선택자 형태 | 설명 |
|---|---|
| element:checked | 체크된 입력 양식 선택 |
| element:disabled | 비활성화된 입력 양식 선택 |
| element:enabled | 활성화된 입력 양식 선택 |
| element:focus | 초점이 맞춰져 있는 입력 양식 선택 |
| element:selected | option객체 중, 선택된 태그 선택 |
checked 사용방법
function clicked() {
alert($('input:checked').val());
}
<fieldset>
<legend>성별</legend>
<label>
<input type="radio" name='gender' value="M" onclick="check();">남
</label>
<label>
<input type="radio" name='gender' value="F" onclick="check();">여
</label>
</fieldset>
체크된 값을 alert로 띄워줍니다.
selected 사용방법
function check() {
var value = $('select > option:selected').val();
alert(value);
}
<select onchange="check();">
<option value="A">Apple</option>
<option value="B">Bag</option>
<option value="C">Cat</option>
<option value="D">Dog</option>
<option selected>Elephant</option>
</select>
선택된 값을 alert로 띄워줍니다.