not set

jQuery 속성 선택자 본문

javascript/jQuery

jQuery 속성 선택자

다크곰 2012. 1. 17. 17:23

 선택자 형태  설명 
 요소[속성]  특정 속성을 가지고 있는 문서 객체를 선택한다. 
 요소[속성=값]  속성 안의 값이 특정 값과 같은 문서 객체를 선택한다.
 요소[속성~=값]  속성 안의 값이 특정 값을 단어로서 포함하는 문서 객체를 선택한다.
 요소[속성^=값]  속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택한다.
 요소[속성$=값]  속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택한다.
 요소[속성*=값]  속성 안의 값이 특정 값을 포함하는 문서 객체를 선택한다.

속성 선택자는 입력 양식과 관련된 태그를 선택할 때 많이 사용된다.

<!doctype html>

<html>

 <head>

  <title>jquery test</title>

  <script src="http://code.jquery.com/jquery-1.7.min.js"></script>

  <script>

$(document).ready(function () {

$('input[type=text]').val('Hello jQuery..!');

});

  </script>

 </head>

 <body>

<input type="text" />

<input type="password" />

<input type="radio" />

<input type="checkbox" />

<input type="file" />

 </body>

</html>

 
input 태그를 가진 객체의 타입이 'text'인 속성의 val를 'Hello jQeury..!' 로 지정하라 라는 예제


선택자 형태 설명 
 요소:button  input 태그중 type 속성이 button인 문서 객체와 button 태그를 선택
 요소:checkbox input 태그중 type 속성이  checkbox 인 문서 객체를 선택
 요소:file input 태그중 type 속성이  file인 문서 객체를 선택
 요소:image input 태그중 type 속성이 image인 문서 객체를 선택
 요소:password input 태그중 type 속성이 password인 문서 객체를 선택
 요소:radio input 태그중 type 속성이 radio인 문서 객체를 선택
 요소:reset input 태그중 type 속성이 reset인 문서 객체를 선택
 요소:submit input 태그중 type 속성이 submit인 문서 객체를 선택
 요소:text input 태그중 type 속성이 text인 문서 객체를 선택

선택자 형태 설명 
 요소:checked  체크된 입력 양식을 선택
 요소:disabled  비활성화된 입력 양식 선택
 요소:enabled  활성화된 입력 양식 선택
 요소:focus  초점이 맞춰져 있는 입력 양식 선택
 요소:input  모든 입력 양식을 선택(input, textarea, select, button)
 요소:selected  option 객체 중 선택된 테그를 선택

본문 출처 : 모던 웹을 위한 Javascript 입문 및 jQuery입문
저작자표시

'javascript > jQuery' 카테고리의 다른 글

jQuery로 select box 및 check box의 값 가져오는 방법  (0) 2012.01.17
jQuery input box 선택시에 색상 넣기  (0) 2012.01.17
jQuery 자식선택자, 후손 선택자  (0) 2012.01.17
jQuery 클래스 선택자  (0) 2012.01.17
jQuery 메서드의 기본 형태  (0) 2012.01.17
'javascript/jQuery' Related Articles more