Jquery学习笔记-表单元素选择器

发布时间:2020-07-08 22:17:32 作者:黄河98号
来源:网络 阅读:387

1. :input表单选择器可以实现,它的功能是返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea>、<select> 和 <button>标记的表单元素,因此,它选择的表单元素是最广的。

$("#frmTest :input")表单选择器代码获取了表单中的全部元素


2. :text表单文本选择器可以获取表单中全部单行的文本输入框元素,单行的文本输入框就像一个不换行的字条工具,使用非常广泛。

通过:text表单选择器只获取单行的文本输入框元素,对于<textarea>区域文本、按钮元素无效。


3. 使用:password选择器,它的功能是获取表单中全部的密码输入文本框元素。


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



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


6. 通常情况下,一个表单中只允许有一个“type”属性值为“submit”的提交按钮,使用:submit选择器可获取表单中的这个提交按钮元素。

$("#frmTest input:submit").addClass("bg_red");


7. 当一个<input>元素的“type”属性值设为“p_w_picpath”时,该元素就是一个图像域,使用:p_w_picpath选择器可以快速获取该类全部元素。

使用:p_w_picpath选择器只能获取<input>图像域,而不能获取<img>格式的图像元素。


8. 表单中包含许多类型的按钮,而使用:button选择器能获取且只能获取“type”属性值为“button”的<input>和<button>这两类普通按钮元素。


9. 有一些元素存在选中状态,如复选框、单选按钮元素,选中时“checked”属性值为“checked”,调用:checked可以获取处于选中状态的全部元素。


10. 与:checked选择器相比,:selected选择器只能获取<select>下拉列表框中全部处于选中状态的<option>选项元素。


:之前有空格表示这个类下面的子元素,没有空格表示的就是自身的。

推荐阅读:
  1. JQuery选择器——子元素筛选选择器和表单元素选择器
  2. (JQuery学习笔记)我对jQuery选择器的总结

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript jquery 表单元素选择器

上一篇:centos7 源码安装php7

下一篇:MyCli工具的安装

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》