如何使用jquery在点击链接时突出显示链接?
例如,当我点击链接class1_1时,我想将此链接设置为红色(或其他颜色)。
这里的JavaScript代码:
<script type="text/javascript">
$(function(){
$("#menu li").each(function(){
$(this).click(function(event){
var ul=$(this).children("ul")
var span = $(this).children("span")
if(ul.html()!=null)
{
if(ul.css("display")=="none")
{
ul.css("display","block");
span.addClass("up")
}else
{
ul.css("display","none")
span.removeClass("up")
}
event.stopPropagation();
}else
{
event.stopPropagation();
}
});
});
return false;
});
</script>
字符串
这里的html代码:
<ul id="menu">
<li class="title"><span>class1 </span>
<ul>
<li><a href="">class1_1</a></li>
<li><a href="">class1_2</a></li>
</ul>
</li>
<li class="title"><span>class2</span>
<ul>
<li><span>class2_1</span>
<ul>
<li><a href="">class2_1_1</a></li>
<li><a href="">class2_1_1</a></li>
</ul>
</li>
</ul>
</li>
</ul>
型
也许我不能解释清楚我的问题,我的意思是最后一个onclick链接使它
颜色为红色,另一个链接设置为默认颜色
8条答案
按热度按时间0sgqnhkj1#
可以使用CSS,不需要jQuery:
亮点:
字符串
更改链接颜色:
型
编辑:回复您的评论.如果您的链接没有将浏览器引导到另一个页面,您可以使用Mike罗宾逊的答案来实现相同的效果,而无需离开页面,也无需将颜色更改回默认的模糊。
pxq42qpu2#
我认为这样就可以了,虽然我现在手头上没有jquery。假设'up'是一个让你的链接变红的类:
字符串
azpvetkf3#
这应该是可行的:
JavaScript:
字符串
CSS:
型
超文本标记语言:
型
最好使用toggleClass(2 in 1)而不是addClass/removeClass。
yiytaume4#
我推荐http://plugins.jquery.com/project/colorjquery.color插件,它允许你在各种html元素上设置颜色动画。
wkyowqbh5#
字符串
j91ykkif6#
JavaScript:
字符串
css:
型
html:
型
4urapxun7#
你可以使用CSS伪类active来实现,它为激活的元素添加特殊的样式。
例如,您可以这样做:
字符串
注意,a:active必须在CSS定义中的a:hover之后才能有效!!
guz6ccqo8#
字符串
$('a [href=“”+localStorage.getItem(base)+'“存储”).focus();