javascript - 如何隐藏表单中的所有输入元素?

标签 javascript jquery html forms

我试图使用以下代码隐藏表单中的输入元素。但它不起作用...

<html lang="en">
   <head>
      <title>children demo</title>
      <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
   </head>
   <body>
      <h1>Hello</h1>
      <div>
         <h1 class="selected">div-1</h1>
         <h1 class="selected">div-2</h1>
      </div>
      <h1>xyz</h1>
      <form name= "demo form">
      First name:<input type="text" name="fname"><br>
      Last name: <input type="text" name="lname"><br>
      <input type="submit" value="submit">
      <script>
         $( "div" ).children( ".selected" ).css( "background-color", "yellow" );
         document.body.style.backgroundColor = "red";
         $( demo_form.elements ).hide();
      </script>
   </body>
</html>

最佳答案

您的选择器 $( demo_form.elements ).hide(); 不正确。

要选择 form 内的所有 input 元素,您可以使用 $('input') 选择器

$('form input').hide();

如果您想隐藏表单本身,

$('form').hide();

关于javascript - 如何隐藏表单中的所有输入元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32577738/

相关文章:

javascript - 将 javascript 转换为 PHP : array and objects

javascript - react : Rendering a list in reverse order

jquery - DataTables (jQuery) 中的行重新排序后排序不起作用

javascript - 如何阻止浏览器要求在注册表单中保存电子邮件和密码?

html - asp.net 表单设计使用 css 绝对位置

JavaScript 代码生成器

javascript - JS/jQuery : Filter object properties by array

javascript - 使用背景图片在响应式父 div 上叠加 div

html - 下拉菜单 UL 中的固定列表项

javascript - 从 Javascript 调用的 ActionScript 中的 NetStream.pause() 问题