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

时间:2024-10-16 05:33:11

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如何隐藏一个表单中所有元素
© 手抄报圈