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

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

Javascript: jquery 操作单选框，复选框，下拉列表实现代码; js 数组实现一个类似ruby的迭代器; JavaScript 组件之旅（一）分析和设计; JavaScript 组件之旅（二）编码实现和算法; JavaScript 组件之旅（三）：用 Ant 构建组件; JavaScript 组件之旅（四）：测试 JavaScript 组件; 小议javascript 设计模式推荐; 浅谈javascript 面向对象编程; javascript 时间比较实现代码; js apply/call/caller/callee/bind使用方法与区别分析; JavaScript 全角转半角部分; jquery 选择器部分整理; Firebug 字幕文件JSON地址获取代码; jQuery 判断元素上是否绑定了事件; javascript实现的距离现在多长时间后的一个格式化的日期; javascript 面向对象,实现namespace,class,继承，重载; javascript 通过封装div方式弹出div窗体; JScript 脚本实现文件下载一般用于下载木马; JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布; 网页禁用右键实现代码（JavaScript代码）

技术文章搜索

关键字

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

收藏到网摘: 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下所有子元素的集合 
}); 