이 글에서는 jQuery 양식 필드 선택기의 사용법을 예시와 함께 분석합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
양식 필드는 웹페이지의 입력, 텍스트 영역, 선택 및 버튼 요소를 나타냅니다.
1. :입력 선택기
$(":input")
2. :텍스트 선택기
$(":text")
3. :비밀번호 선택기
$(":password")
4. :라디오 선택기
$(":radio")
5. :체크박스 선택기
$(":checkbox")
6. :파일 선택기
$(":file")
7. :이미지 선택기
$(":image")
8. :숨겨진 선택자
$(":hidden")
은 모두 선택하는 데 사용됩니다. 보이지 않는 요소(CSS 표시 속성 값이 없음) 및 숨겨진 필드(
)
9. :선택기 제출
$(":submit")
10. :선택기 재설정
$(":reset")
간단한 예:
<머리>
表单域选择器
<스크립트 유형="텍스트/자바스크립트">
$(문서).ready(함수(){
$(":text").attr("value", "文本框");
$(":password").attr("value", "密码框");
$(":radio:eq(0)").attr("checked", "true");
$(":checkbox").attr("checked", "true");
$(":image").attr("src", "ICO.ICO");
$(":file").css("너비", "200px");
$(":hidden").attr("값", "값");
$("select").css("배경", "#FCF"); //注意没有冒号
$(":submit").attr("id", "btn1");
$(":reset").attr("이름", "btn");
$("textarea").attr("value", "文本域"); //注意没有冒号
});
<본문>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
