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

标签 jquery html css

所以如果我有一个由以下 CSS 代码定义的 Sprite :

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

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

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

我的问题是如何在同一屏幕上多次显示它?我想我必须将其更改为 .attack,但不确定如果有人可以提供帮助,它到底是如何工作的

最佳答案

当您使用#attack 时,您是在将样式分配给元素id。这意味着页面上只有一个元素。例如

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

如果你想在多个地方使用它,你应该使用一个类。所以你的 css 上的语法是 .attack 并且在元素中它看起来像这样:

<div class="attack"></div>

关于jquery - 如何让 CSS 类多次出现在屏幕上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37845193/

相关文章:

javascript - jQuery - 乘以字母数字字符串

javascript - jquery 删除中断标记

html - <video> 在其他浏览器中播放,但在 Safari 中不播放

jQuery下拉菜单问题:)

javascript - 如何在不刷新html网页的情况下显示highchart系列图中的过渡?

javascript - 无法隐藏 HTML 表格

javascript - 仅在 Y 中具有固定标题的 HTML 表格(在 X 中可滚动)

html - 表格列 - 首先使用最大宽度,其他宽度最小

javascript - 十字光标 HTML

jquery - 为网站下拉导航添加键盘支持