📌  相关文章
📜  如何使用带有 .reset() 方法的 jQuery 重置表单?

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

如何使用带有 .reset() 方法的 jQuery 重置表单?

重置使任何东西恢复到原始状态。 JQuery 没有 reset() 方法,但原生 JavaScript 有。因此,我们将 jQuery 元素转换为 JavaScript 对象。

JavaScript reset():reset() 方法重置表单中所有元素的值(与单击“重置”按钮相同)。

    JavaScript 重置按钮的语法:
  • // type-1
    
    
  • // type-2
    
  • // type-3
    

按钮本身会重置表单,但是,类型 1 和类型 2,重置按钮应该在表单内部,类型 3 可以在外面或里面。
但是重置按钮是一个更好的选择。 (类型 1)



  • reset() 的语法:
    formObject.reset()
  • 将 jQuery 元素转换为 JavaScript 对象的语法。
    $(selector)[0].reset()

    或者

    $(selector).get(0).reset()

如果我们不想将 jQuery 元素转换为 JavaScript 对象,那么我们可以使用trigger()

例子:

$(selector).trigger(event, eventObj, ...)

输出

jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,它以其“少写,多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。