jquery 表单下所有元素的隐藏
<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下所有子元素的集合
});
相关推荐
-
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
一.隐藏和显示元素 复制代码 代码如下: $('#button_save_12').css('display', 'none'); // 隐藏按钮$('#button_save_12').css('display', 'display'); // 显示按钮 // 或者采取 复制代码 代码如下: $('#button_save_12').hide();$('#button_save_12').show(); 二.设为禁用,只读 复制代码 代码如下: $('#button_save_12').a
-
jQuery元素的隐藏与显示实例
本文实例讲述了jQuery元素的隐藏与显示的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/jscript" src="jquery/jqu
-
页面元素绑定jquery toggle后元素隐藏的解决方法
到今天实习已经一个多月了,公司给我布置的任务很少,哎,感觉有点不爽啊.既然这样,那我还是有事情做的,写毕业设计.言归正传,我今天在写毕业设计的时候,在给一个元素绑定jquery的toggle方法之后奇迹发生了,绑定这个方法的元素全部隐藏了.开始的时候 我怎么也没想到是这里有问题,我找了半天才发现是因为绑定了toggle方法.可是为什么绑定这个方法之后元素会隐藏呢? 其实具体原因我也不知道,我通过查找资料才得知,原来jquery在1.9版以后功能发生了变化,不在支持多个事件轮流切换了,搞了半天原来
-
JS加jquery简单实现标签元素的显示或隐藏
显示: 复制代码 代码如下: var ul = document.getElementById("opinionSelect"); ul.style.display = 'block'; 隐藏:$("#opinionSelect").fadeOut("fast");
-
jQuery判断元素是否是隐藏的代码
核心代码: 复制代码 代码如下: if($("#elem_id").is(":hidden")) { } 实例代码1: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title
-
jQuery经过一段时间自动隐藏指定元素的方法
本文实例讲述了jQuery经过一段时间自动隐藏指定元素的方法.分享给大家供大家参考.具体如下: 下面的代码提供了两种方法用于定时隐藏元素,第一种是使用setTimeout实现,第二种是使用jQuery1.4以后版本中提供的delay方法实现,第二种更简单一下. //这是1.3.2中我们使用setTimeout来实现的方式 //http://www.jb51.net setTimeout(function() { $('.showdiv').hide('blind', {}, 500) }, 50
-
jquery(hide方法)隐藏指定元素实例
复制代码 代码如下: <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p><p><script language="javascript" type="text/javascript" src="jquery-1.7.2.js"></sc
-
jquery判断元素是否隐藏的多种方法
第一种:使用CSS属性 复制代码 代码如下: var display =$('#id').css('display'); if(display == 'none'){ alert("被你发现了,我是隐藏的啦!"); } 第二种:使用jquery内置选择器 假设我们页面有这么个标签, 复制代码 代码如下: <div id="test"> <p>仅仅是测试所用</p> </div> 那么,我们可以用以下语句来判断id
-
Jquery显示、隐藏元素以及添加删除样式
复制代码 代码如下: <script type="text/javascript"> $(function () { //当input获取焦点后将其兄弟标签label隐藏 $("input").focus(function () { $(this).siblings("label").hide(); }); }); $(function () { //input元素失去焦点 $("input").blur(func
-
jquery 表单下所有元素的隐藏
对于如下表单form1: 复制代码 代码如下: <form id="form1"> <input type="text" name="text1"> <input type="button" id="butt_test" value="tt"> </form> 只需要运用以下代码即可实现对表单form1下所有元素的隐藏 复制代码 代码如下:
-
JQuery表单元素取值赋值方法总结
一.普通文本框的赋值与取值 1.1.1赋值 <h2>jQuery 表单元素取值与赋值方法总结</h2> <input type="text" class="test1"/> <input type="button" value="赋值" onclick="get()"/> <input type="text" class="
-
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
本文实例讲述了jQuery动态添加及删除表单上传元素的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 点击此处查看在线演示效果. 具体代码如下: <html> <head> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(d
-
jQuery表单元素选择器代码实例
本文实例为大家分享了jQuery表单元素选择器的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href=
-
jQuery表单元素过滤选择器用法实例分析
本文实例讲述了jQuery表单元素过滤选择器用法.分享给大家供大家参考,具体如下: 前面jQuery内容过滤选择器与子元素过滤选择器,其中的例子稍微多一些解释也有点绕口,希望能帮助大家理解.今天学习表单元素过滤选择器,下面请看使用方法. 一.:enabled 选择器::enabled 描述:匹配所有可用元素 返回值:元素集合 示例: $("input.mini:enabled") //input.mini是DOM元素集合,:enabled是过滤条件 二.:disabled 选择器::d
-
jQuery表单域选择器用法分析
本文实例分析了jQuery表单域选择器用法.分享给大家供大家参考.具体如下: 表单域是指网页中的input,textarea, select和button元素. 1. :input选择器 复制代码 代码如下: $(":input") 2. :text选择器 复制代码 代码如下: $(":text") 3. :password选择器 复制代码 代码如下: $(":password") 4. :radio选择器 复制代码 代码如下: $("
-
Yii框架中jquery表单验证插件用法示例
本文实例讲述了Yii框架中jquery表单验证插件用法.分享给大家供大家参考,具体如下: 运行效果图如下: 视图层: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm
-
jQuery表单验证插件解析(推荐)
一:插件 (1) Validform_v5.3.1_min.js Validform_Datatype.js (2)网址:http://validform.rjboy.cn 在这个网站上有demo和插件下载链接. 二:普通验证 (1)Validform_Datatype.js /* Validform datatype extension By sean during December 8, 2012 - February 20, 2013 For more information, pleas
-
jquery表单验证需要做些什么
一.当元素失去焦点时发生blur 事件. 实例:jQuery blur() 方法 添加函数到 blur 事件.当 <input> 字段失去焦点时发生 blur 事件: $("input").blur(function(){ alert("This input field has lost its focus."); }); 定义和用法 当元素失去焦点时发生 blur 事件. blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数
-
jQuery表单插件ajaxForm实例详解
前端时间写项目用到了ajaxForm这个插件,可以用它提交表单和上传图片,听起来和正常的form表单提交没什么区别,只不过是ajax提交,无需刷新页面,如此可以增加用户体验度. 引入两个文件,PS:必须 <script type="text/javascript" src="http://img9.tongzhuo100.com/js/jquery-1.7.2.min.js"></script> <script type="t
随机推荐
- ExtJS Window 最小化的一种方法
- asp.net利用Ajax和Jquery在前台向后台传参数并返回值的实例
- ie与session丢失(新窗口cookie丢失)实测及解决方案
- django基础之数据库操作方法(详解)
- Mybatis中 SQL语句复用
- Java字符判断的小例子
- jQuery实现全选、反选和不选功能
- javascript类型系统——undefined和null全面了解
- javascript 多级checkbox选择效果
- JS实现文字掉落效果的方法
- win2008 iis7 上传大文件限制的真正解决办法
- Android实现顶部底部双导航界面功能
- 很不错的一个UBB代码
- java编程两种树形菜单结构的转换代码
- swing jtextArea滚动条和文字缩放效果
- js实现二级菜单点击显示当前内容效果
- Kali Linux Vmware虚拟机安装(图文详解)
- 浅谈MyBatis通用Mapper实现原理
- redis单线程快的原因和原理
- VBS读取配置文件配置项的实现代码