js我li添加背景颜色为什么不起作用呢？

在JS中要使用CSS的名称，必须使用驼峰形式，如fontSize。像你这种的话。应该写成，this.style.borderColor='red'this.style.borderStyle='bolid'this.style.borderWidth='1px'类似这样子的。

如果单纯只是在鼠标移到LI上面改变一下样式。完全可以用CSS实现。如：ul li:hover{border:1px solid red}

这种事用css伪类:hover更好，js的话，因为有两个列表，siblings可能有误，可以尝试将js代码改成这样：

$('#Nav ul li').hover(function() {

    $(this).addClass('hover')

}, function() {

    $(this).removeClass('hover')

})

给li设置背景色是给一组li设置的，你hover的应该也是所有的li标签，最简洁最无脑的方法是给每个li都设置不同的class，然后通过hover具有不同的class的li来实现你的效果。也可以通过配合js添加onmouthover事件，动态的给li标签添加显示背景色的class。

---