📌  相关文章
📜  如何使用 jQuery 动态创建隐藏的表单元素?

📅  最后修改于: 2022-05-13 01:55:57.676000             🧑  作者: Mango

如何使用 jQuery 动态创建隐藏的表单元素?

JQuery 是使 JavaScript 的使用变得容易的库。插入也可以使用 jQuery 来完成。 append()appendTo()内置函数可用于添加隐藏的表单元素,但它们不仅限于 ,我们还可以添加其他 html 元素。

注意:它们的性能几乎相同。主要区别仅在于语法,下面将对此进行解释。

使用 appendTo() 方法:appendTo()方法中,内容出现在方法之前,如$(content).appendTo(selector)

下面的例子说明了appendTo()方法来创建隐藏的表单元素:

示例 1:如果只添加一个属性,则可以通过在attr()方法中传递两个参数来给出。第一个参数是属性的名称,第二个参数是属性的值。




  

  

    GeeksforGeeks 
  
    

  

    
  
    
           Name:                  
Hidden:        
     

输出:可以使用Inspect Element功能在浏览器中查看输出(例如 Google Chrome 中的ctrl + shift + i )。

示例 2:也可以通过在attr()方法中将多个属性作为属性对象传递来给出多个属性。



  

    GeeksforGeeks
  
    
  

  

    
  
    
           Name:                  
Hidden:        
     

输出:可以使用Inspect Element功能在浏览器中查看输出(例如 Google Chrome 中的ctrl + shift + i )。

使用 append() 方法:append()方法中,内容$(selector).append(content)类的方法之后。

下面的例子说明了append()方法来创建隐藏的表单元素:

例子:


  

  

    GeeksforGeeks
  
    
  

  

    
  
    
           Name:                  
Hidden:        
     

输出:可以使用Inspect Element功能在浏览器中查看输出(例如 Google Chrome 中的ctrl + shift + i )。