使用jQuery设置元素样式

时间:2018-05-13 11:15:00

标签: jquery css

我想使用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/

有人可以解释为什么它不像预期那样造型吗?

1 个答案:

答案 0 :(得分:4)

对于包含多个单词的属性,您应该使用Camel大小写或在引号内写入密钥,例如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>