怎么写能点击a标签这个a标签高亮（变色或者加粗之类的）。

答案:2 悬赏:30 手机版

解决时间 2021-04-06 01:34

提问者网友：你挡着我发光了
2021-04-05 13:51

怎么写能点击a标签这个a标签高亮（变色或者加粗之类的）。
然后点击下一个a标签高亮上一个a标签就失去高亮

最佳答案

五星知识达人网友：往事隔山水
2021-04-05 14:24

问题：怎么写能点击a标签这个a标签高亮（变色或者加粗之类的）
解答：这需要用到js，代码如下
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    <script type="text/javascript" src="../resources/js/jquery.min.js"></script>
    <style>
a{cursor:pointer;}
        a:hover{color:green;}
        a.active{color:red;}
    </style>
</head>
<body>
<a class="active">我是a1</a>
<a>我是a2</a>
<a>我是a3</a>
<a>我是a4</a>
<script>
$("a").click(function(){
        $(this).addClass("active").siblings().removeClass("active");
})
</script>
</body

全部回答

1楼网友：往事埋风中
2021-04-05 14:45

你可以用jq控制添加高亮的样式，在a标签点击的时候就添加该类，点击别的a标签的时候就删除该类，如： html： <a href="javascript:void(0)">link</a> <a href="javascript:void(0)">link</a> <a href="javascript:void(0)">link</a> <a href="javascript:void(0)">link</a> <a href="javascript:void(0)">link</a>css： a{color:#333;} .a{color:#00a0e9; font-weight:bold;}jq： $("a").click(function(){ $(this).addClass("a"); $(this).siblings("a").removeClass("a"); });

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！