jquery 表单下所有元素的隐藏_jquery

对于如下表单form1:

复制代码 代码如下:

<form id="form1">
<input type="text" name="text1">
<input type="button" id="butt_test" value="tt">
</form>

只需要运用以下代码即可实现对表单form1下所有元素的隐藏

复制代码 代码如下:

$("#butt_test").click(function (){
$(form1.elements ).hide(); //form1.elements是form1下所有子元素的集合
});

时间: 2024-09-20 20:25:09

jquery 表单下所有元素的隐藏_jquery的相关文章

jquery表单验证需要做些什么_jquery

一.当元素失去焦点时发生blur 事件. 实例:jQuery blur() 方法 添加函数到 blur 事件.当 <input> 字段失去焦点时发生 blur 事件: $("input").blur(function(){ alert("This input field has lost its focus."); }); 定义和用法当元素失去焦点时发生 blur 事件. blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数.

JQuery表单验证插件EasyValidator用法分析_jquery

本文实例讲述了JQuery表单验证插件EasyValidator用法.分享给大家供大家参考.具体如下: 本插件的宗旨是:用户无需写一行JS验证代码,只需在要验证的表单中加入相应的验证属性即可,让验证功能易维护,可扩展,更容易上手. DEMO中已经包含了常用的正则表达式,可以直接复用,为了考虑扩展性,所以针对不同用户特殊需求,自行写正则吧. EasyValidator实现的功能: 1.提示功能(在表单或者其他标签中加入tip="想提示的文字") 如: 复制代码 代码如下: <inp

jQuery表单域属性过滤器用法分析_jquery

本文实例讲述了jQuery表单域属性过滤器用法.分享给大家供大家参考.具体分析如下: 表单内包含各种各样的表单域,使用表单域属性选择器可以很好的获取已被选中的单选按钮,复选框以及列表项,也可以根据是否可用从文档中查找表单域. 1. :checked选择器 用于选择所有被选中的表单域.格式: 复制代码 代码如下: $("selector:checked")可以是input,radio和checkbox 2. :enabled选择器 用于选择所有可用的表单域,格式: 复制代码 代码如下:

Jquery表单验证插件formValidator使用方法_jquery

使用步骤: 1.首先在项目中添加必备js与css   2.代码中添加引用(必备引用) <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <!--jquery必须库--> <script src="formValidator1/formValidator-4.0.1.min.js" type="te

Jquery 表单验证类介绍与实例_jquery

[html] 复制代码 代码如下: <form action="" method="post" id="formValidate"> 数值:<input name="" type="text" validate="number" /><span></span><br/> 浮点型:<input name="&quo

jquery 表单下拉框(select)美化增加强版示例

在前几篇中有分享Jquery Select2的文章,Select2是一个基于jQuery的替代选择框. 它支持搜索.远程数据集和无限滚动的结果. 今天继续分享一下Select2的使用. 1.Select2绑定事件 主要能用到事件有select数据绑定时.打开时.关闭时.  代码如下 复制代码  $("#selectsq").select2();     $("#selectsq").on("change", function (e) { Togg

jquery序列化表单去除指定元素示例代码_jquery

复制代码 代码如下: <html> <head> </head> <body> <form name="form1"> <input type="hidden" name="page1" class="flau_u_ro" value="1"></input> <input type="hidden"

jquery序列化表单去除指定元素示例代码

这篇文章主要介绍了如何使用jquery序列化表单去除指定元素,需要的朋友可以参考下 代码如下: <html>  <head>  </head>  <body>  <form name="form1">  <input type="hidden" name="page1" class="flau_u_ro" value="1"></

jQuery动态添加及删除表单上传元素的方法(附demo源码下载)_jquery

本文实例讲述了jQuery动态添加及删除表单上传元素的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 点击此处查看在线演示效果. 具体代码如下: <html> <head> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(d