博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery学习记录三(表单选择器)
阅读量:6672 次
发布时间:2019-06-25

本文共 3342 字,大约阅读时间需要 11 分钟。

  表单选择器包括以下内容:

    (1):input表单选择器。

    (2):text表单文本选择器。

    (3):password表单密码选择器。

    (4):radio单选按钮选择器。

    (5):checkbox复选框选择器。

    (6):submit提交按钮选择器。

    (7):image图像域选择器。

    (8):button表单按钮选择器。

    (9):checked选中状态选择器。

    (10):selected选中状态选择器。


(1):input表单选择器

  :input表单选择器,它的功能是返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且可还包括<textarea>,<select>和<button> 标记的表单元素。如下得到的有inptu,select,textarea,button。

        

修改全部表单元素的背景色

(2):text表单文本选择器

  :text 表单文本选择器可以获取表单中全部单行的文本输入框元素单行的文本输入框就像一个不换行的字条工具。如下获取的是“我是小纸条”和”我也是小纸条“。

        

修改多个单行输入框元素的背景色

(3):password表单密码选择器

  :password选择器,它的功能是获取表单中全部的密码输入文本框元素。如下获取的是两个”密码文本输入框“。

        

修改多个密码输入框元素的背景色

(4):radion单选按钮选择器

  表单中的单选按钮常用于多项数据中仅选择其一,使用:radio选择器可轻松获取表单中的全部单选按钮元素。

  

        

将表单中单选按钮设为不可用

(5):checkbox复选框选择器 

  表单中的复选框常用于多项数据的选择,使用:checkbox选择器可以快速定位并获取表单中的复选框元素。

        

将表单的全部复选框设为不可用

(6):submit提交按钮选择器

  一个表单中只允许一个”type"属性值为”submit“的提交按钮,使用:submit 选择器可获取表单中的这个提交按钮元素。

        

修改表单中提交按钮的背景色

(7):image图像域选择器

  当一个<inptu>元素的”type“ 属性值设为”image“时,该元素就是一个图像域,使用:image选择器可以快速获取该类全部元素。如下获取的只有<input>元素的type时属性值为image的图片,下面的<img>标签不在所选范围之内。

        

修改表单中图像元素的背景色

(8):button表单按钮选择器

  表单中包含许多类型的按钮,而使用:button选择器能获取且只能获取"type"属性值为”button"的 <input>和<button>这两类普通的按钮元素。如下可以获取的是两个“我是普通按钮”,不能获取type为“submit”的提交按钮,提交按钮可以通过“:submit”选择器来获取。

        

修改表单中按钮元素的背景色

(9):checked选中状态选择器

  有一些元素存在选中状态,如复选框、单选按钮元素,选中时”checked“属性值为”checked“,调用":checked"可以获取处于选中状态的全部元素。如下能够获取的有:苹果,荔枝,香蕉。

        

将处于选中状态的元素设为不可用

(10):selected选中状态选择器

  与:checked选择器相比,:selected 选择器只能获取<select>下拉列表框中全部处于选中状态<option>选项元素。如下获取的有:橘子和葡萄。

        

获取处于选中状态元素的内容

 

转载于:https://www.cnblogs.com/emmaBlogs/p/5292328.html

你可能感兴趣的文章
LeetCode(34)-Palindrome Number
查看>>
阅读《Android 从入门到精通》(24)——切换图片
查看>>
SimpleDateFormat线程不安全及解决的方法
查看>>
Unity---------Mesh理解
查看>>
hdu 1728 逃离迷宫 bfs记转向
查看>>
一分钟学会 ConstraintLayout 之从属性角度理解布局
查看>>
线程 Timer TimerTask 计时器 定时任务 MD
查看>>
[js高手之路]原型式继承与寄生式继承
查看>>
MBR分区操作-增加、扩展、删除
查看>>
php如何互换一个数组的首尾元素 中间不变 首尾互换
查看>>
C#最简单的登录Web服务
查看>>
[Entity Framework]
查看>>
【类】C#计算器类(SamWang)
查看>>
Kinect 开发小记:穿越艾泽拉斯,调戏红龙女王
查看>>
Leetcode: Construct Binary Tree from Inorder and Postorder Traversal
查看>>
ZeroMQ接口函数之 :zmq_getsockopt – 获取ZMQ socket的属性
查看>>
ThreadPoolExecutor使用介绍
查看>>
用C++/CLI搭建C++和C#之间的桥梁(四)—— 网络资源
查看>>
纳米技术的起源与发展
查看>>
launchpad, jira, github
查看>>