实现效果:
给当前点击项加class,其它项移除相应class,以突显当前点击项
html代码:
<ul class="demo">
<li><a href="javascript:;">提高效率</a></li>
<li><a href="javascript:;">提高效率</a></li>
<li><a href="javascript:;">提高效率</a></li>
</ul>
css代码:
.demo .active{border:1px red solid;font-weight:bold;color:#00f;}
jq低效率写法:
$(".demo a").click(function(){
$(this).addClass("active").parent().siblings().find("a").removeClass("active");
})
jq优化写法:
var temp=$(".demo a:last");
$(".demo a").click(function(){
temp.removeClass("active");
temp=$(this).addClass("active");
})
虽然同为实现一种效果,但写法不同,执行效率相差还是比较大的!
上一篇: IE6 line-height行高失效解决方法
下一篇: 如何获取js执行时间
3条评论( 网友:3 条,站长:0 条 ) 网友评论{有您的评论更精彩....}