Jquery attributes jquery选择方法

Jquery attributes jquery选择方法,jquery-attributes,Jquery Attributes,我喜欢使用hide()和show()方法,但我遇到过一些人编写的脚本,他们从未使用过。 相反,我看到他们使用attr()处理与显示相关的任何内容 $("#element").attr("style", "visibility:hidden"); $("#element").attr("style", "visibility:visible"); 这纯粹是优惠吗? 还是使用一种方法比使用另一种方法更有益?有区别。例如: 这大致相当于调用.css('display','none'),(…) 和是两

我喜欢使用hide()和show()方法,但我遇到过一些人编写的脚本,他们从未使用过。
相反,我看到他们使用attr()处理与显示相关的任何内容

$("#element").attr("style", "visibility:hidden");
$("#element").attr("style", "visibility:visible");
这纯粹是优惠吗?

还是使用一种方法比使用另一种方法更有益?

有区别。例如:

这大致相当于调用
.css('display','none')
,(…)

和是两个不同的CSS属性。使用
可见性:隐藏在布局中为元素留出空间,但不显示它

另一个(微小的)区别是调用
.attr(“style”,“…”)
将覆盖元素上可能设置的所有其他样式。

Hide()和show()有效地从源HTML中删除元素


可见性规则只影响是否可以看到元素的内容;它们占用的空间仍然保留,并成为一个空白点。

肯定存在差异。show()和hide()方法允许您通过设置显示或隐藏的持续时间来使用动画。此外,“隐藏”将跟踪当前显示设置(内联、块等)

使用.css('display','none')或.css('display','block')可能更快,但它提供的功能更少

当您使用show()/hide()或.css()来控制显示时,将根据您要完成的任务优先考虑


再来一张。Dramalama说hide()从源代码中删除元素。我认为Dramalama的意思是它从位置上删除了它,但它仍然保留在源代码中(也称为DOM)。

对,我的措辞很糟糕。:)我的意思是指占用页面空间,因为它实际上“消失”了元素。