<li class="home"><a href="forumdisplay.php?fid=$fid">所有帖子</a></li> 如何改变css样式用jquery

<script  type="text/javascript">
  $(function(){
	$(".home").click(function(){
		$(this).addClass ("home_hover").removeClass("home");
		
	})
})

</script >
为什么出不来效果？急

追问：forumdisplay.php?fid=$fid 我这里还有个传值如果加上的话在jquery里效果就没有了能不能实现点击后效果切换,主要是中间有个PHP传值如何实现不刷新页面！我点击后刷新页面就没效果了

答案：<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>example</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function(){
	$(".home").click(function(){
		$(this).addClass ("home_hover").removeClass("home");
	});
});
</script>
<style type="text/css">
<!--
.home a{ color:#000;}
.home_hover a{ color:#f00}
-->
</style>
</head>
<body>
<ul>
  <li class="home"><a href="#">所有帖子</a></li>
</ul>
</body>
</html>
通过单击改变class，是可以实现的，你试下上面的代码，只是要注意一下，结尾还有个 " ; "，按照jquery的标准来写吧。

其他：你的代码不对！调整一下试试~
<script  type="text/javascript">
  $(function(){
	$(".home").hover(
		function(){
			$(this).stop().removeClass('home').addClass ("home_hover");
		},
		function(){
			$(this).stop().removeClass('home_hover').addClass ("home");	
		}
	)
})

</script >

上一个：有关js修改css属性的问题
下一个：dreamweaver 我有2个div层分别都用了css背景图片如何做才能让期中一个div层覆盖在另一个上方？

更多图片编程知识: