热门关键字:
jquery > jquery教程 > jquery教程 > 给Jquery学堂群员的一个简单的Jquery功能测试

给Jquery学堂群员的一个简单的Jquery功能测试

1900
作者:管理员
发布时间:2013/5/14 11:36:43
评论数:18
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=277

题目:

在ID为nav下面有4个a标签,当a标签中的内容是"Jquery插件"时,给li加上一个当前选中样式:cur。


样式:


.cur{color:red;font-size:20px;}


原结构:


<div id="nav">
	<ul>
	  <li><a>首页</a></li>
	  <li><a>Jquery插件</a></li>
	  <li><a>Jquery学堂</a></li>
	  <li><a>关于我们</a></li>
	</ul>
</div>


结果结构:


运行结果:
<div id="nav">
	<ul>
	  <li><a>首页</a></li>
	  <li class="cur"><a>Jquery插件</a></li>
	  <li><a>Jquery学堂</a></li>
	  <li><a>关于我们</a></li>
	</ul>
</div>


实现的代码量越少,说明网友们对Jquery方面越懂。






如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:Jquery学堂 Jquery测试题
友荐云推荐