jquery 表单下所有元素的隐藏- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jquery 表单下所有元素的隐藏

Javascript: Javascript初学者实例教程(5):Document对象; JS初学者实例教程(6):Document对象读取表单元素; JS初学者实例教程(7):注册表单验证; JS初学者实例教程(8):单选按钮、复选按钮; JS初学者实例教程(9):下拉菜单和链接属性; Javascript初学者实例教程(11):鼠标动作; Javascript初学者实例教程(12):访问XML节点; JavaScript类; 网页内应用JS的最好方法; JS两种定义Function非常常用的方法; 网页JavaScript运行时IE产生警告栏解决方法; 处理大量JavaScript对象的好选择:JSON; JSON(JavaScript Object Notation); javascript用法:break，continue和return语句; JS获取各种浏览器窗口的大小; JavaScript发展与互联网; IE地址栏实现的JS有趣效果和应用; Javascript如何应用到网页中; Javascript条件判断语句的小技巧; Firebug Lite使用在IE、Opera、Safari浏览器

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 289 ::

收藏到网摘: n/a

jquery 表单下所有元素的隐藏，不用增加额外的div是个不错的方法。对于如下表单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下所有子元素的集合 
}); 