javascript - 属性未更新

Question

我正在使用以下代码设置 css 属性的 z-index：

$( ".myIcon").attr("z-index" , 1);

但是该属性没有正确更新。当我使用 Chrome 开发人员工具检查属性时，z-index 保持不变。使用 .attr 后我需要触发什么以便浏览器更新属性吗？

Answer 1

z-index是一个样式属性，你需要使用.css()来设置它

$( ".myIcon").css("z-index" , 1);

Answer 2

.attr()查看目标元素的属性。z-index是style属性的属性，而不是它自己的属性。为了更改z-index，您必须使用编辑元素的样式属性.css()

例子：

$(".myIcon").css("z-index" , 1);

在 html 中给出：

<div class="myIcon" style="z-index: 1">