javascript - 使用 jquery 在页面中添加基于 html 的类？

Question

我的页面上有一个表单。当用户填写并点击提交时，它会隐藏联系表单并显示一条感谢消息。

但是我需要 jquery 来拯救我，因为我对 PHP 的了解还不够多，无法让它正常工作。

我需要检查表单是否隐藏，然后创建一个包含内容的 div，以便用户看到感谢消息。或者向 div 添加一类 .show 以便显示消息。

但最主要的是我需要检查表单是否被隐藏。

这是隐藏表单时 html 的样子:

<form id="contact_form" action="contact.php" method="post" style="display: none;">

Answer 1

您可以使用 is()与恰当命名的:hidden选择器。

假设您的消息元素的标记类似于:

<div id="thanks_message" style="display: none;">
    Thank you!
</div>

你可以这样写:

if ($("#contact_form").is(":hidden")) {
    // The form is hidden, show the message.
    $("#thanks_message").show();
}