表单选择器
[1] :input Returns: Array<Element(s)>
说明: 匹配所有input, textarea, select和button元素。
var allInputs = $(":input");
var formChildren = $("form > *");
$("#messages").text("Found " + allInputs.length + " inputs and the form has " +
formChildren.length + " children.");
// so it won't submit
$("form").submit(function () { return false; });
[2] :text Returns: Array<Element(s)>
说明: 匹配所有类型为text的表单。
使用这个伪类选择器$(":text")等同于$("*:text"),是一个非常慢的选择器。因此建议使用$("input:text")。
var input = $("form input:text").css({background:"yellow", border:"3px red solid"});
[3] :password Returns: Array<Element(s)>
说明: 匹配所有类型为password的表单。
var input = $("form input:password").css({background:"yellow", border:"3px red solid"});
[4] :radio Returns: Array<Element(s)>
说明: 匹配所有类型为radio的表单。
使用这个伪类选择器$(":radio")等同于$("*:radio"),是一个非常慢的选择器。因此建议使用$("input:radio")。
若要选择一组相关联的单选按钮,可以使用$("input[name=gender]:radio")
var input = $("form input:radio").css({background:"yellow", border:"3px red solid"});
[5] :checkbox Returns: Array<Element(s)>
说明: 匹配所有类型为checkbox的表单。
var input = $("form input:checkbox").css({background:"yellow", border:"3px red solid"});
[6] :submit Returns: Array<Element(s)>
说明: 匹配所有类型为submit的表单。
var input = $(":submit").parent('td').css({background:"yellow", border:"3px red solid"});
[7] :image Returns: Array<Element(s)>
说明: 匹配所有类型为image的表单。
var input = $(":image").css({background:"yellow", border:"3px red solid"});
[8] :reset Returns: Array<Element(s)>
说明: 匹配所有类型为reset的表单。
var input = $(":reset").css({background:"yellow", border:"3px red solid"});
[9] :button Returns: Array<Element(s)>
说明: 匹配所有类型为button的表单和button元素( <button></button> )。
var input = $(":button").css({background:"yellow", border:"3px red solid"});
[10] :file Returns: Array<Element(s)>
说明: 匹配所有类型为file的表单)。
var input = $(":file").css({background:"yellow", border:"3px red solid"});
--------------------------------------------------------------------------------------------------------------------------------------------------------
分享到:
相关推荐
这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最...
忍者形式日期选择器本地化在Ninja Forms中设置jQuery UI Datepicker的默认值jQuery UI Datepicker文档有关选项的完整列表,请参见。
10-25 2 jquery id选择器 层次选择器 10-25 3 jquery过滤选择器及练习题讲解 10-25 4 内容过滤器 可见度过滤器及练习讲解 10-26 1 课程回顾 10-26 2 属性过滤选择器 10-26 3 子元素选择器 表单对象属性选择器 10-26 ...
10-25 2 jquery id选择器 层次选择器 10-25 3 jquery过滤选择器及练习题讲解 10-25 4 内容过滤器 可见度过滤器及练习讲解 10-26 1 课程回顾 10-26 2 属性过滤选择器 10-26 3 子元素选择器 表单对象属性选择器 10-26 ...
10-25 2 jquery id选择器 层次选择器 10-25 3 jquery过滤选择器及练习题讲解 10-25 4 内容过滤器 可见度过滤器及练习讲解 10-26 1 课程回顾 10-26 2 属性过滤选择器 10-26 3 子元素选择器 表单对象属性选择器 10-26 ...
10-25 2 jquery id选择器 层次选择器 10-25 3 jquery过滤选择器及练习题讲解 10-25 4 内容过滤器 可见度过滤器及练习讲解 10-26 1 课程回顾 10-26 2 属性过滤选择器 10-26 3 子元素选择器 表单对象属性选择器 10-26 ...
10-25 2 jquery id选择器 层次选择器 10-25 3 jquery过滤选择器及练习题讲解 10-25 4 内容过滤器 可见度过滤器及练习讲解 10-26 1 课程回顾 10-26 2 属性过滤选择器 10-26 3 子元素选择器 表单对象属性选择器 10-26 ...
包含选择器表达式、元素或 jQuery 对象的字符串,表示用于验证的表单字段 (字符串|DOM 元素|jQuery 对象) validFieldsFunction(索引,元素) 用作集合中每个元素的测试的函数 功能 有效字段错误() 表单验证...
使用手风琴,自动完成,日期选择器,滑块等来构建一流的应用程序。 Juice UI提供了原型制作所需的简单性和企业级生产应用程序所需的健壮性。 立即下载Juice UI,将项目的UX提升到一个新的水平! 入门 注意:Juice ...
表格基础 该存储库包含LUI-3_forms-base组件。 具有简单响应形式的网站的理想用法,不需要任何JavaScript验证,日期选择器等... 可以使用LUI-3_forms-extras扩展此组件,其中包含jQuery select,datepicker等 不再维护
一个与ModelChoiceField一起使用的Django小部件,通过将选择器呈现为表格来允许轻松进行jQuery DataTables排序和分页。 表单字段示例: items = forms . ModelChoiceField ( queryset = myqueryset , widget = ...
这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的...
使用ES6和现代实践的纯JavaScript实现(无jQuery,Angular,React或任何其他框架依赖性) 将JSON模式呈现为Web表单并将该表单连接到Form.io API的 完整的表单生成器,它创建用于呈现表单的JSON模式。 嵌套的组件...
热门功能列表: sigle 7KB文件,没有依赖项,100%ES6 javascript 现有形式的最小化整合工作公共职能来管理每个领域的状态钩住文本选择器或DOM对象(也是jQuery的对象) 完成事件追踪自定义文字支持可选的紧凑模式可...
9.5 web forms和路由机制 232 9.6 小结 233 第10章 nuget 235 10.1 nuget概述 235 10.2 nuget安装 236 10.3 以包的形式添加库 238 10.3.1 查找包 239 10.3.2 安装包 240 10.3.3 更新包 242 10.3.4 最近使用...
构造器 全局变量和常量 instances movieCount QUEUE_ERROR UPLOAD_ERROR FILE_STATUS Default Event Handlers 属性 customSettings movieName 方法 addSetting (不推荐使用) getSetting (不推荐使用) ...
第一部分nbsp 安nbsp 全 n第1章 使用Login控件 n11 Login控件概览 n12 使用Login控件 ...n1514 jQuery选择器 n152 从客户端调用Web服务 n1521 调用外部的Web服务 n1522 调用静态的页面方法 n153 小结n