js的attr用于设置属性值

warning: 这篇文章距离上次修改已过317天,其中的内容可能已经有所变动。

$("#collapseExample").attr("display","none");
collapseExample 可能是 Bootstrap 框架中的一个折叠元素(Collapse),当点击某个触发器时,该元素会显示或隐藏。

在这种情况下,调用 $("#collapseExample").css("display", "none") 的目的是将折叠元素隐藏,使其在页面中不可见。通常情况下,应该将折叠元素设置为默认隐藏,然后通过点击触发器来显示它。

需要注意的是,display: none 样式将使元素被完全隐藏且不会占用空间,因此在折叠元素中使用该样式可以有效地控制页面布局和交互效果。

使用 attr() 方法修改 CSS 样式不生效是因为该方法主要用于设置元素的属性值,而非样式。虽然某些属性值可能会影响元素的呈现效果,但这并不是它们的本意和正确用法。

在 jQuery 中,如果需要修改样式,应该使用 .css() 方法。该方法可以通过接受一个样式属性名和值的键值对来直接修改元素的样式,例如:

$("#collapseExample").css("display", "none");

此外,还可以同时设置多个样式属性,甚至动态地计算样式的值,并在页面上实时更新元素的样式,非常灵活和方便。

总之,使用 .css() 方法是修改元素样式的正确和推荐方式,而不是使用 attr() 方法。

版权声明 ▶ 本网站名称:我的学习笔记
▶ 本文链接:https://ooolo.net/article/220.html
▶ 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。
▶ 转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处!!!

none
最后修改于:2023年05月16日 14:42

添加新评论

icon_mrgreen.pngicon_neutral.pngicon_twisted.pngicon_arrow.pngicon_eek.pngicon_smile.pngicon_confused.pngicon_cool.pngicon_evil.pngicon_biggrin.pngicon_idea.pngicon_redface.pngicon_razz.pngicon_rolleyes.pngicon_wink.pngicon_cry.pngicon_surprised.pngicon_lol.pngicon_mad.pngicon_sad.pngicon_exclaim.pngicon_question.png