Question

我的表格上有DIV。我想使用javascript根据某些操作使这些可见或不可见。目前我这样做：

$('#token2').html("<div style='padding: 2px 4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border: 1px solid Red;'><span style='color: Red; '>Incorrect</span></div>");

每次都设置DIV的内容。有没有办法在CSS中设置它，只改变一个可见属性？

Answer 1

$（＃token2）.toggle（）将切换可见性，show（）和hide（）执行特定操作。给它一个“display：hidden”样式，让它看不见。

Answer 2

.hide()和.show()怎么样？

与你的问题没有直接关系，但是既然你提到了CSS，我真的建议只定义HTML之外的样式......嵌入在JS中......就像这样：

#token2 > div {
    padding: 2px 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid red;
}

#token2 > span {
    color: red;
}

将JavaScript简化为

$('#token2').html('<div><span>Incorrect</span></div>');

尽管.html()部分确实无关紧要，但前面提到过jQuery方法。

Answer 3

使用此

.hidden {display:none}

<span id="incorrect-answer"  class="hidden">Incorrect</span>

然后使用jQuery .addClass和.removeClass使其可见/不可见

e.g。

$("#incorrect-answer").addClass("hidden")
$("#incorrect-answer").removeClass("hidden")

我可以使用jQuery使DIV及其内容可见且不可见吗？

3 个答案: