为了账号安全,请及时绑定邮箱和手机立即绑定

css js 改变字体颜色

css js 改变字体颜色

动漫人物 2019-03-23 17:15:50
点击span后字体变成红色,移开后依旧保持红色怎么做。
查看完整描述

7 回答

?
摇曳的蔷薇

TA贡献1793条经验 获得超6个赞

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<span class="test">demo1</span>

<span class="test">demo2</span>

<span class="test">demo3</span>

<span class="test">demo4</span>

<script src="jquery.js"></script>

<script>


    // js版

    var aLi = document.querySelectorAll('.test');

    for (var i = 0; i < aLi.length; i++) {

        aLi[i].addEventListener('click', function(){

            this.style.color='red'

        });

    }


    // jquery版本

    $(".test").on('click', function(){

        $(this).css('color', 'red');

    });

    

</script>

</body>

</html>


查看完整回答
反对 回复 2019-04-01
?
一只萌萌小番薯

TA贡献1795条经验 获得超7个赞

<p onclick="this.style.color='#f00'">demo</p>


查看完整回答
反对 回复 2019-04-01
?
慕丝7291255

TA贡献1859条经验 获得超6个赞

<span id="demo">点击变色</span>

//js

$("#demo").on("click",function(){

    $("#demo").css("color","red")

})    


查看完整回答
反对 回复 2019-04-01
?
互换的青春

TA贡献1797条经验 获得超6个赞

<span id="demo">点击变色</span>

//js

document.querySelector('#demo').onclick=function(){

    document.querySelector('#demo').style.color='red'

}; 


查看完整回答
反对 回复 2019-04-01
?
慕码人2483693

TA贡献1860条经验 获得超9个赞

比较赞同楼上做法:$(span).on("click",function () {

$(this).addClass("red")

})


查看完整回答
反对 回复 2019-04-01
  • 7 回答
  • 0 关注
  • 2010 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信