jQuery显示和z索引

以下代码未按预期工作：

编辑：
很抱歉造成误解，我把我的问题简化了太多，以下是我面临的真正问题：

HTML:

<div id="1">div 1</div>
<div id="2">div 2</div>

$("div").hide();
$("#1").show();
$("#2").show();

JS（jQuery）：

<div id="1">div 1</div>
<div id="2">div 2</div>

$("div").hide();
$("#1").show();
$("#2").show();

我肯定遗漏了什么，因为据我所知，这段代码应该显示“div 1”逐渐变为“div 2”，但实际上它从一开始就呈现“div 2”。

---

我怎么能让它显示“div1”知道我必须隐藏所有div之前？我认为使用

z-index

是一个很好的尝试，但可能我错了…

首先，您的

id

属性无效。您不能以数字开始id

更新了您的。

问题是，

1

和

2

不是有效的ID。因此jQuery或CSS解析器都无法识别该元素。改用

a

和

b

并查看其工作情况：

问题是，当您在JavaScript中调用z-index更改时，div甚至不在那里（代码位于

head

元素中，并立即执行）。看

解决方法：包含“开始，当DOM就绪”构造中的所有内容：

jQuery(document).ready(function () {
   // your code here
});

---

编辑：事实上，我认为这是一个JSFIDLE问题。当我重新加载页面一两次时，“div1”保持可见，而其他时候，它是“div2”。我刚刚看到，JSFIDLE indead将代码包装在一个

窗口中。onload

等价物。

将您的ID更改为有效ID。。。（）

---

示例

我认为id不能以数字开头。当div的ID更改为d1和d2时，它们工作：

---

谢谢你的提示，但这不是我的问题，请参阅编辑。干杯，谢谢编辑您的回复。即使重新加载对我也没有帮助，当然我会在实际页面中将其包装在ready（）中。我仍在经历这个问题=/干杯，