Question

有关运用JQ为CSS添加样式

我想给无需列表ul li 里面的一个li 添加样式 其他又不添加 怎么弄？
$(".head ul li a").attr("style", "color:red") 我一些上去就直接全部红色了 要怎么才能让我选的那一个变红 其他不变？

Answer 1

JQ为CSS添加样式，可以使用jQuery CSS 操作 的css() 方法

定义和用法

　　css() 方法返回或设置匹配的元素的一个或多个样式属性。

设置 CSS 属性

　　设置所有匹配元素的指定 CSS 属性。

    $(selector).css(name,value)

实例

/*将所有段落的颜色设为红色：*/
$("p").css("color","red");

设置多个 CSS 属性/值对

$(selector).css({property:value, property:value, ...})

　　把“名/值对”对象设置为所有匹配元素的样式属性。

　　这是一种在所有匹配的元素上设置大量样式属性的最佳方式。

实例

实例
$("p").css({
  "color":"white",
  "background-color":"#98bf21",
  "font-family":"Arial",
  "font-size":"20px",
  "padding":"5px"
  });

也可以通过Jquery 属性操作的removeClass、addClass方法移除元素类名或者添加元素类名的方式达到修改元素样式的效果。详细内容可以百度“jQuery 参考手册 - 属性操作”

Answer 2

你是想鼠标放在上面的时候出现红色对吧！

如果是这样的话，可以这样做:

$(".head ul li").hover(function(){
    //鼠标移到某个上的事件
    $(this).css("color","red");
},function(){
    //鼠标离开某个li时的事件
});

你的jquery还很薄弱，多看看w3c jquery的api吧http://www.w3school.com.cn/jquery/index.asp

追问

大神 还是不行啊

我写的 你看看

$(".head ul li").mouseover(function(){
$(".head ul li a").css("color","red");
})
li里面有了a标签好像就不行了。。一选就全部

追答

$(".head ul li a").css("color","red");这句话的意思是把所有ul li下面的a的字体颜色变成红色！所以会全部变成红色。
$(this)表示当前鼠标移上去的那个对象！

追问

但是我如果用$(this).css("color","red"); 不变色

我前面是".head ul li"

但是文字在".head ul li a"
$(this)的话是说$(".head ul li")
这样a里面的文字不变色 0.0 大神 求教教小菜鸟

Answer 3

Vue实践-CSS样式position/display/float属性对比使用