IT스러운 공간

[jQuery] 폼 필터 선택자 : Form filters 본문

기타/jQuery

[jQuery] 폼 필터 선택자 : Form filters

nanaing 2024. 1. 26. 00:08
728x90

1. :input

: form element를 선택하고 button element도 선택한다.

: 문법 - $(":input")

: 예) $(":input")

 

2. :text

: <input type=text>인 속성의 <input>태그를 선택한다., 문자열 및 숫자를 입력할 때 사용하는 태그

: 문법 - $(":text")

: 예) $(":text")

 

3. :password

: <input type=password>인 속성의 <input>태그를 선택한다. 패스워드 입력할 때 사용하는 태그

: 문법 - $(":password")

: 예) $(":password")

 

4. :radio

: <input type=radio>인 속성의 <input>태그를 선택한다. 여러개 중에 하나만 선택할 때 사용하는 태그

: 문법 - $(":radio")

: 예) $(":radio")

: wrap() - css 대신 사용하는 것. firefox에서는 css 속성이 인식되지 않음. wrap()을 사용하여 크로스브라우징에 맞도록 사용하는 것. 예) $(":radio").wrap("<span style='background-color:#fe63ea' />");

 

5. :checkbox

: <input type=checkbox>인 속성의 <input>태그를 선택한다. 여러개 중에 다중 선택할 때 사용하는 태그

: 문법 - $(":checkbox")

: 예) $(":checkbox")

 

6. :submit

: <input type=submit>인 속성의 <input>태그를 선택한다. 폼에 있는 데이터를 서버로 전송할 때 사용하는 태그, 버튼 요소에 타입을 정의하지 않으면 대부분의 브라우저는 type=submit으로 처리한다.

: 문법 - $(":submit")

: 예) $(":submit")

 

7. :reset

: <input type=reset>인 속성의 <input>태그를 선택한다. 폼에 있는 데이터를 초기화할 때 사용하는 태그

: 문법 - $(":reset")

: 예) $(":reset")

 

8. :button

: <input type=button>인 속성의 <input>태그를 선택한다. 버튼을 만드는 태그

: 문법 - $(":button")

: 예) $(":button")

 

9. :image

: <input type=image>인 속성의 <input>태그를 선택한다. 이미지를 선택하는 태그

: 문법 - $(":image")

: 예) $(":image")

 

10. :file

: <input type=file>인 속성의 <input>태그를 선택한다. file 선택할 때 사용하는 태그

: 문법 - $(":file")

: 예) $(":file")

 

11. :enabled

: enabled selector는 사용 가능한 모든 form 요소를 선택한다.

: 문법 - $(":enabled")

: 예) $(":enabled")

 

12. :disabled

: disabled는 사용 불가능한 모든 form 요소를 선택한다.

: 문법 - $(":disabled")

: 예) $(":disabled")

 

13. :selected

: selected selector는 미리 선택하는 옵션 요소를 선택한다. 이 선택은 체크 박스 또는 라디오 버튼에 작동하지 않는다. 그 대신에 :checked selector를 사용한다.

: 문법 - $(":selected")

: 예) $(":selected")

 

14. :checked

: 모든 checked된 checkboxes 또는 radio buttons을 선택한다.

: 문법 - $(":checked")

: 예) $(":checked")

 

728x90