집 >웹 프론트엔드 >JS 튜토리얼 >jQuery 양식 필드 선택기 사용 분석_jquery

jQuery 양식 필드 선택기 사용 분석_jquery

WBOY원래의: 2016-05-16 16:14:511222검색

이 글에서는 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는 중국어 웹페이지의 잘못된 문제와 Solutions_node.js를 크롤링합니다.다음 기사：Node.js는 중국어 웹페이지의 잘못된 문제와 Solutions_node.js를 크롤링합니다.

文本框		密码框
单选按钮		复选框
图image		文件域
隐藏域	（不可见）	下拉列表
提交按钮		중고벽돌
텍스트 영역:

jQuery 양식 필드 선택기 사용 분석_jquery

관련 기사