可见性属性问题

Question

有什么区别

$("#myid").attr("style", "visibility: hidden")

和

$("#myid").css("visibility", "hidden")

？

Answer 1

这样做:

$("#myid").attr("style", "visibility: hidden")

在执行此操作时,将仅保留此样式属性:

$("#myid").css("visibility", "hidden")

将添加(或设置)此样式属性.

这是一个例子,第一个将总是导致:

style="visibility: hidden;"

第二个只是添加,visibility所以你的风格现在可能是:

style="width: 50px; color: red; visibility: hidden;"

Answer 2

没有。只有两种方法可以实现相同的目标。

第一个将覆盖任何现有的样式设置。如果你有：

<div style="font-weight: bold;" />

它会变成：

<div sytle="visibility: hidden;" />

第二个将向现有样式添加可见性设置。所以：

<div style="font-weight: bold;" />

会变成：

<div style="font-weight: bold; visibility: hidden;" />

如果尚未设置样式属性，则两者将产生相同的最终结果。