class相同时，jquery 修改其中一个的css
<divclass="header"><liclass="header"></ul><liclass="header"></ul><liclass="header"></...
<div class="header">
<li class="header"></ul>
<li class="header"></ul>
<li class="header"></ul>
<li class="header"></ul>
<li class="header"></ul>
<li class="header"></ul>
</div>
大神看代码，以上li的class相同，背景色相同， 当鼠标移到其中一个上时，只要鼠标所在的那个背景色发生变化，这个jquery要怎么写啊？ 展开
<li class="header"></ul>
<li class="header"></ul>
<li class="header"></ul>
<li class="header"></ul>
<li class="header"></ul>
<li class="header"></ul>
</div>
大神看代码，以上li的class相同，背景色相同， 当鼠标移到其中一个上时，只要鼠标所在的那个背景色发生变化，这个jquery要怎么写啊？ 展开
6个回答
展开全部
根据class查找到jquery结果后，取索引为0的节点进行修改。
举例：
1、定义2个节点，class名字相同
<div class='t'>122</div>
<div class='t'>45a</div>
2、查找节点
var divs = $('.t');//根据class名称查找到上面2个节点3、取索引0的节点更新css
divs[0].css("color","red");//第一个节点(122)修改成颜色为红色
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<body>
<style type="text/css">
.red1{background-color: red}
</style>
<div class="header">
<li class="header"></li>
<li class="header"></ul>
<li class="header"></li>
<li class="header"></li>
<li class="header"></li>
<li class="header"></li> </div>
</body>
<script type="text/javascript">
$(document).ready(function () {
$('li.header').mouseover(function () {
$(this).removeClass("header");
$(this).addClass("red1");
});
$('li.header').mouseout(function () {
$(this).removeClass("red1");
$(this).addClass("header");
});
});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<body>
<style type="text/css">
.red1{background-color: red}
</style>
<div class="header">
<li class="header"></li>
<li class="header"></ul>
<li class="header"></li>
<li class="header"></li>
<li class="header"></li>
<li class="header"></li> </div>
</body>
<script type="text/javascript">
$(document).ready(function () {
$('li.header').mouseover(function () {
$(this).removeClass("header");
$(this).addClass("red1");
});
$('li.header').mouseout(function () {
$(this).removeClass("red1");
$(this).addClass("header");
});
});
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不用写任何js代码，首先你先定义header的类css，然后再写li的常规css即：
.header li{
css code
}
在定义个hover css，就是鼠标移上去的css
.header li :hover{
backgroup-color:red;//事例
}
.header li{
css code
}
在定义个hover css，就是鼠标移上去的css
.header li :hover{
backgroup-color:red;//事例
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(".header").hove(function(){
this.addClass(className); //鼠标移上去，className 就是你让它变化的CSS 名
},function(){
this.addClass(header); //鼠标移开 回复原来的样式
}
)
this.addClass(className); //鼠标移上去，className 就是你让它变化的CSS 名
},function(){
this.addClass(header); //鼠标移开 回复原来的样式
}
)
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$('li.header').hover(function () {
$(this).css('background', 'red');
}, function () {
$(this).css('background', 'blue');
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
