Jquery 如何让CSS类多次出现在屏幕上_Jquery_Html_Css

Jquery 如何让CSS类多次出现在屏幕上

jquery html css

Jquery 如何让CSS类多次出现在屏幕上,jquery,html,css,Jquery,Html,Css,因此，如果我有一个由以下CSS代码定义的精灵： #attack{ background-color: green; width: 3px; height: 10px; position: absolute; } 我可以使用以下Jquery代码在屏幕上显示我想要的任何位置： $('#attack').css('left', X); $('#attack').css('top', Y); 我的问题是如何在同一屏幕上多次显示它？我想我必须将其更改为.attack，但不确定如果在使用#attack时

因此，如果我有一个由以下CSS代码定义的精灵：

#attack{
background-color: green;
width: 3px;
height: 10px;
position: absolute;
}

我可以使用以下Jquery代码在屏幕上显示我想要的任何位置：

$('#attack').css('left', X);
$('#attack').css('top', Y);

我的问题是如何在同一屏幕上多次显示它？我想我必须将其更改为.attack，但不确定如果在使用

#attack

时有人能够提供帮助，那么它的工作原理是什么。您正在将样式分配给元素id。这意味着页面上只有一个该元素。e、 g

<div id="attack"></div>

当您使用

#attack

时，您将样式分配给元素id。这意味着页面上只有一个该元素。e、 g

<div id="attack"></div>

#attack

实际上不是一个css类；它是一个ID。类由stop

.class

标识，而ID由hashtag符号

#ID

标识

ID是唯一且不可重复的，而同一类中可以有无限的元素

如果您想将相同的样式应用于不同的元素，您应该使用class。

#attack

实际上不是css类；它是一个ID。类由stop

.class

标识，而ID由hashtag符号

#ID

标识

ID是唯一且不可重复的，而同一类中可以有无限的元素

如果要将同一样式应用于不同的元素，则应使用类。

如果计划显示多个元素，则应将其设置为类而不是id，如其他答案所述。使用

.attack

代替

#attack

但是，如果执行

.attack

，则不能使用JQuery代码定位这些多个实例，因为

.attack

将使用

class=“attack”

选择所有元素，然后将它们全部移动到同一位置

您想要的是同时具有类标识符和id标识符。比如说：

<div class="attack" id="attackOne"></div>
<div class="attack" id="attackTwo"></div>

之后，您可以使用id选择器

#attackTwo

定位并仅对该元素使用JQuery

如果您计划显示多个元素，那么您将希望将其设置为类而不是id，正如其他答案所述。使用

.attack

代替

#attack