如何使用JavaScript设置元素的background-color与border属性？

没问题！我帮你把background-color和border属性正确添加到这段jQuery代码里，你原来写法里的>>>...<<<是错误标记，直接改成对象属性即可：

$(this).find('.slide-tabs li').eq(showIndex).css({ 
  opacity: 1,
  backgroundColor: '#fff', // 驼峰式写法，无需引号
  border: '2px solid #ddd'
});

如果你更习惯用CSS原生的短横线命名规则，记得给属性名加上引号：

$(this).find('.slide-tabs li').eq(showIndex).css({ 
  opacity: 1,
  'background-color': '#fff', // 短横线命名需要引号包裹
  'border': '2px solid #ddd'
});

小提示： #

• jQuery的css()方法接受一个键值对对象，属性之间用逗号分隔（最后一个属性后可加可不加逗号）
• 属性值如果是字符串（比如颜色、边框样式），一定要用单引号或双引号包裹
• 驼峰式命名（如backgroundColor）是JS里的常用写法，和CSS的background-color完全等价

内容的提问来源于stack exchange，提问作者DaOneRom