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

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

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

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

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

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

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

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