javascript - zepto 动画 id 的问题

Question

每当我尝试使用 Zepto 为图像设置动画时，它都可以正常工作。但是我只能使用我用来激活它的标签的名称来访问它，而不是它的 id。例如，

<img id="circle" name="circle" height="100" width="100" src="images/circle.png"/>

将与线动画

$('img').anim({translateX: '0px', translateY: '0px'}, speed, 'linear');

但不是与线

$('circle').anim({translateX: '0px', translateY: '0px'}, speed, 'linear');

这里的主要问题是，尝试为页面上的每张图像设置动画。有谁知道这是什么原因造成的？

我尝试将其更改为“圆”并使用 getElementById 而不是 $，但这些也不起作用，至少不适用于动画。

Answer 1

您必须为 id 选择器添加一个“#”，就像 CSS 一样：

$('#circle').blah();

'img' 有效，因为它正在选择 'img' 元素。

您还可以将“.x”用于类，等等。

见这里。

Answer 2

使用 ID 是最好的方法，但如果您确实想使用名称，那么您可以这样做......

$('img[name="circle"]').anim({translateX: '0px', translateY: '0px'}, speed, 'linear');