jquery如何隐藏一个表单中所有元素

 时间:2024-11-13 01:50:11

在jquery中,通过form表单的name属性获得表单对象,再使用hide()方瓠鲶陋啼法将其隐藏。下面小编举例讲解jquery如何隐藏一个表单中所有元素。

jquery如何隐藏一个表单中所有元素

工具/原料

html+jquery

代码编辑器:zendstudio10.0

方法/步骤

1、在编辑器新建一个index.html文件,用于讲解jquery如何隐藏一个表单中所有元素。

jquery如何隐藏一个表单中所有元素

2、在index.html文件内,使用form标签创建一个表单,并在表单内创建两个input输入框元素。

jquery如何隐藏一个表单中所有元素

3、在index.html文件内,设置form表单的name属性为myForm,用下面获得form表单对象。

jquery如何隐藏一个表单中所有元素

4、在index.html文件内,使用button标签创建按钮,给button按钮添加艺皱麾酪onclick点击事件,当按钮被点击时,执行hideSon()函数。

jquery如何隐藏一个表单中所有元素

5、在index.html文件内,创建hideSon()函数,在函数内,通过form表单的name属性获得表单对象,再使用hide()方法将其隐藏。

jquery如何隐藏一个表单中所有元素

6、在浏览器打开index.html,点击按钮后,可见,成功隐藏表单中所有元素。

jquery如何隐藏一个表单中所有元素

jquery如何隐藏一个表单中所有元素

怎么对UltraEdit所选中颜色修改 哑巴辣椒怎么做 紫甘蓝茼蒿寿司饭 工作中遇凉怎么办 如何远程连接raspberrypi zero?
热门搜索
黑礁漫画 生子漫画 金条图片 车的图片 果树图片大全