<div id="nav">
<ul class="mar">
<li><a class="active" href="Default.aspx"><span>首页</span></a></li>
<li><a href="#"><span>精美模板</span></a></li>
<li><a href="#"><span>前端技术</span></a></li>
<li><a href="#"><span>DIV+CSS</span></a></li>
<li><a href="#"><span>实用JS库</span></a></li>
<li><a href="#"><span>经验体会</span></a></li>
<li><a href="#"><span>插件应用</span></a></li>
<li><a href="#"><span>工具软件</span></a></li>
<li><a href="#"><span>C#.net</span></a></li>
<li><a href="#"><span>收藏夹</span></a></li>
</ul>
</div>效果是,在我点击按钮时间给A加样式class="active",其他的清除样式
Jquery 是刚学的,有点菜,希望大家指点一下
<ul class="mar">
<li><a class="active" href="Default.aspx"><span>首页</span></a></li>
<li><a href="#"><span>精美模板</span></a></li>
<li><a href="#"><span>前端技术</span></a></li>
<li><a href="#"><span>DIV+CSS</span></a></li>
<li><a href="#"><span>实用JS库</span></a></li>
<li><a href="#"><span>经验体会</span></a></li>
<li><a href="#"><span>插件应用</span></a></li>
<li><a href="#"><span>工具软件</span></a></li>
<li><a href="#"><span>C#.net</span></a></li>
<li><a href="#"><span>收藏夹</span></a></li>
</ul>
</div>效果是,在我点击按钮时间给A加样式class="active",其他的清除样式
Jquery 是刚学的,有点菜,希望大家指点一下
$("li").click(function(){
$(this).addClass("active").siblings().removeClass("active");//这样就可以了
});
功能没有实现。我是想点击的时候,给当前的A加样式"active"其他的A清除样式“active”
看这个帖子.跟你的问题一样.在里面的回复如下,基本上,你按照你的dom结构改改就可以 <div class="page_number">
<ul>
<li><a href="#" id="page1">1</a></li>
<li><a href="#" id="page2">2</a></li>
<li><a href="#" id="page3">3</a></li>
<li><a href="#" id="page4">4</a></li>
<li><a href="#" id="pageN">></a></li>
</ul>
</div>
$(document).ready(function(){
var curPage = 0;
$(".page_number ul li a").each(function(){
$(this).click(function(){
$(this).css("background","blue");
if(curPage != 0){
$("#"+curPage).css("background","");
}
curPage = $(this).attr("id");
});
});
});