`

5、juery 表单选择器

    博客分类:
  • gc
 
阅读更多
表单选择器
$('input').val(); //元素名定位,默认获取第一个
$('input').eq(1).val(); //同上,获取第二个
$('input[type=password]').val(); //选择 type 为 password 的字段
$('input[name=user]').val(); //选择 name 为 user 的字段

:input 选取所有 input、 textarea、 select 和 button 元素 集合元素
:text 选择所有单行文本框,即 type=text 集合元素
:password 选择所有密码框,即 type=password 集合元素
:radio 选择所有单选框,即 type=radio 集合元素
:checkbox 选择所有复选框,即 type=checkbox 集合元素
:submit 选取所有提交按钮,即 type=submit 集合元素
:reset 选取所有重置按钮,即 type=reset 集合元素
:image 选取所有图像按钮,即 type=image 集合元素
:button 选择所有普通按钮,即 button 元素 集合元素
:file 选择所有文件按钮,即 type=file 集合元素
:hidden 选择所有不可见字段,即 type=hidden 集合元素
例如:
alert($(":input[id=tenantcode]").length);

表单过滤器
:enabled 选取所有可用元素 集合元素
:disabled 选取所有不可用元素 集合元素
:checked 选取所有被选中的元素,单选和复选字段 集合元素
:selected 选取所有被选中的元素,下拉列表 集合元素
例如
$(':enabled').size();
分享到:
评论

相关推荐

    jQuery表单选择器源码

    **jQuery表单选择器源码解析** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画效果以及Ajax交互。在jQuery中,表单选择器是用于高效地定位和操作HTML表单元素的重要工具...

    jquery 表单设计器

    5. **插件扩展**:许多设计器允许用户安装或开发自定义插件,以增加更多功能,如日期选择器、文件上传等。 6. **响应式设计**:考虑到移动设备的广泛使用,好的表单设计器会提供响应式布局,确保表单在不同设备上都...

    jQuery时间选择器点击选择小时分钟代码

    5. **插件使用**:此外,也有许多预封装的jQuery时间选择器插件,如jQuery UI的Datepicker插件,它可以轻松实现时间选择功能,只需简单的配置即可。 ### 示例代码 以下是一个简单的jQuery时间选择器的实现示例: ...

    jQuery基础选择器练习题

    最后,表单选择器如`:$(":input")`选取所有输入元素,`:$(":text")`选取所有文本输入框,`:$(":radio")`选取所有单选按钮等,方便我们对表单元素进行操作。 通过上述的练习题,你可以实践并巩固这些选择器的用法。...

    jquery 城市选择器

    jQuery城市选择器是网页表单设计中常用的一种组件,通过合理的数据结构和事件驱动,实现了级联选择的效果。理解其工作原理,并结合实际项目需求进行优化,能有效提升网站的用户体验和交互性。随着前端技术的不断发展...

    jquery城市选择器

    《jQuery城市选择器详解》 在网页开发中,常常需要为用户提供便捷的城市选择功能,以满足用户在填写地址或选择服务区域时的需求。jQuery城市选择器便是为此而设计的工具,它结合了jQuery库的强大功能,实现了高效、...

    一个简单的jQuery时间选择器

    在JavaScript开发中,表单日历控件和时间选择器是常见的需求。它们允许用户以图形化的方式选择日期和时间,而无需手动输入。这些控件通常具有良好的用户反馈,如日期和时间的实时预览,以及错误验证,以确保输入的...

    jQuery选择器全解.

    选择器按功能分为基础选择器、层次选择器、属性选择器、表单选择器、可见性选择器、位置选择器、子元素选择器、内容选择器、属性选择器、表单对象属性选择器以及过滤选择器。每类选择器都有其独特的应用场景,熟悉并...

    jquery双向选择器代码

    "jquery双向选择器代码"这个主题涉及的是jQuery中一种特殊的选择器机制,它允许我们从DOM(文档对象模型)中选取元素,同时还能根据某个元素选取其关联的元素,实现数据的双向绑定或者元素间的交互效果。这种功能在...

    jquery颜色选择器源码

    5. UI设计:学习如何使用CSS布局和伪类创建一个美观且易用的颜色选择器界面。 6. Ajax交互:虽然描述中没有提及,但如果你想要进一步扩展,可以研究如何将选定颜色实时同步到服务器端,这涉及Ajax请求的使用。 通过...

    jquery UI表单设计器

    jQuery UI则是jQuery的一个扩展,提供了各种可重用的UI组件和交互效果,如对话框、滑块、排序列表、日期选择器等。 **表单设计**是Web应用中的重要组成部分,它允许用户输入和提交数据。jQuery UI表单设计器通过...

    jQuery表单选择器用法详解

    以下是jQuery表单选择器的详细说明: 1. **`:button`** 选择器: - `jQuery(":button")` 用于选取所有`<button>`元素和任何具有`type="button"`属性的`<input>`元素。 2. **`:checkbox`** 选择器: - `jQuery(":...

    jquery颜色选择器

    jQuery颜色选择器广泛应用于网页表单、博客编辑器、在线设计工具、CMS系统等,任何需要用户输入颜色值的场景都可采用。通过自定义回调函数,你可以将所选颜色值传递给服务器,或者更新页面上的其他元素。 总之,...

    jquery时间选择器

    5. **国际化与自定义**:考虑到不同地区对日期和时间的格式有不同的习惯,时间选择器往往支持国际化,可以适应不同的日期格式(如mm/dd/yyyy或dd-mm-yyyy)和时间表示方式。同时,开发者还可以自定义选择器的显示...

    jQuery选择器大全(48个代码片段 21幅图演示)

    7. **表单选择器** - `:input`:选择所有表单元素,如`$("input, textarea, select, button")`。 - `:checkbox`,`:radio`,`:file`,`:password`,`:text`等:根据表单元素类型进行选择。 通过这些选择器,...

    jQuery选择器.rar

    5. **表单选择器**:专门用于选取表单元素,如`$(":input")`选取所有输入元素,`$(":text")`选取所有文本输入框,`$(":checkbox")`选取所有复选框。 6. **上下文选择器**:`$("selector", context)`允许在特定上...

    jQuery选择器大全

    基本选择器是学习jQuery选择器的基石,涵盖了ID选择器、Class选择器、Element选择器及通配符选择器。 1. **ID选择器**:`#id`,用于定位具有特定ID的单一元素,如`$('#one')`会选中ID为“one”的元素,常用于修改该...

    PPT和案例\jQuery选择器

    表单选择器** jQuery提供了专门针对表单元素的选择器,如`:input`(所有表单输入元素)、`:checked`(已选中的复选框或单选按钮)、`:selected`(已选中的选项)等。例如: - `$("input[type=text]")` 选择所有文本...

    jquery日历选择器

    《jQuery日历选择器详解与应用实践》 在网页开发中,日历选择器是一种常见的交互元素,它为用户提供了方便的时间输入方式。本篇文章将深入探讨jQuery日历选择器的实现原理、功能特点以及实际应用,帮助开发者更好地...

    jquery 颜色选择器插件

    《jQuery颜色选择器插件——colpick-jQuery-Color-Picker深度解析》 在网页设计与开发中,用户界面的交互性和美观性是至关重要的。其中,颜色选择器作为一个常用的组件,能让用户方便地选取所需的颜色,提升用户...

Global site tag (gtag.js) - Google Analytics