使用jQuery设置元素样式

迈克尔·麦克古克

我想使用jQuery设置工具提示元素的样式。

$('.tooltip').css({
  background:'#96c11f',
  padding:'20px',
  width:'100%',
  display:'block',
  text-align:'center',
  color:'white',
  font-size:'1.4em',
  margin-bottom:'40px'
});
<div class="tooltip">Hello!</div>

https://jsfiddle.net/4okqkys2/

有人可以解释为什么它的样式不符合预期吗?

内纳德·弗拉卡(Nenad Vracar)

对于具有多个属性的话,你应该使用引号里的骆驼情况或写入键,以便例如font-size'font-size'

$('.tooltip').css({
  background: '#96c11f',
  padding: '20px',
  width: '100%',
  display: 'block',
  textAlign: 'center',
  color: 'white',
  fontSize: '1.4em',
  marginBottom: '40px'
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tooltip">Hello!</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

无法使用CSS设置Jquery元素的样式

使用Dart lang设置“伪元素”样式

使用:: part设置Shadow DOM元素的样式

如何使用CSS设置画布元素的样式

如何使用PHP设置HTML元素的样式

如何使用for循环浏览元素列表并动态设置元素样式?

使用jQuery更改父元素样式

使用jQuery设置单选按钮的样式

使用JQuery设置动画元素

如何使用/不使用类名设置元素样式

如何使用外部样式设置自定义Polymer元素的内部元素的样式?

使用CSS设置绘制到画布上的元素的样式

如何交替设置 4 个元素的样式并使用 css 重复?

使用 transform: rotateZ() 和 ::after 伪元素设置横幅样式

使用外观无CSS属性设置选择元素的样式

使用对象键和值设置html元素的样式

使用React中的条件在单独的组件中设置元素的样式

使用对象构造函数设置html元素的样式

如何使用 ID 属性为 css 中的元素设置样式?

如何使用 css 为数组中的每个元素设置样式?

在元素上设置验证样式

如何使用样式化的组件为焦点上的<input>元素设置样式?

如何使用外部样式表为Polymer 1.0元素设置样式?

如何在scss中简单地设置样式,以便多个元素将使用相同的样式

无论如何,是否有条件使用PrettyTable根据样式设置<td>元素的样式

如何使用样式组件对用array.map创建的单个元素进行样式设置?

使用 jQuery 在 SPAN 元素后设置值

在 jQuery 中使用 .each() 设置元素的显示

使用Jquery正确设置多个元素的动画