點(diǎn)擊span后字體變成紅色，移開后依舊保持紅色怎么做。
css js 改變字體顏色
動漫人物
2019-03-23 17:15:50
7 回答
搖曳的薔薇
TA貢獻(xiàn)1793條經(jīng)驗 獲得超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>
慕絲7291255
TA貢獻(xiàn)1859條經(jīng)驗 獲得超6個贊
<span id="demo">點(diǎn)擊變色</span>
//js
$("#demo").on("click",function(){
$("#demo").css("color","red")
})
互換的青春
TA貢獻(xiàn)1797條經(jīng)驗 獲得超6個贊
<span id="demo">點(diǎn)擊變色</span>
//js
document.querySelector('#demo').onclick=function(){
document.querySelector('#demo').style.color='red'
};
慕碼人2483693
TA貢獻(xiàn)1860條經(jīng)驗 獲得超9個贊
比較贊同樓上做法：$(span).on("click",function () {
$(this).addClass("red")})
添加回答
舉報
0/150
提交
取消