使用jQuery在页面中添加基于HTML的类？

Question

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

但是我需要jquery来救我，因为我对PHP不够了解，无法使其正常工作。

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

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

这是隐藏表单时html的外观：

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

Answer 1

您可以将is（）与名称恰当的：hidden选择器一起使用。

假设您的message元素的标记类似于：

<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();
}

Answer 2

看看：visible选择器 。

if($('#contact_form').is(':visible')) {
    //do stuff if visible
} else {
    //do stuff if hidden
}

Answer 3

您可以使用JQuery来获取css属性的值，如下所示：

var displayVal = $('#contact_form').css('display');

然后在IF陈述中进行比较。 编辑：我更喜欢上面的解决方案。

Answer 4

做这个：

//to check if form is hidden
if($("#contact_form").css("display") == "none") {
  //show the div here
}

Answer 5

这就是我的做法：

http://jsfiddle.net/7QyBV/2/