如何用jquery让label在点击后样式发生变化
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.blue {
color: blue;
}
.orange {
color: orange;
}
</style>
</head>
<body>
<label>点我</label>
<label>点我</label>
<label>点我</label>
</body>
</html>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
// 这里引用百度 cdn 的jquery，本地有可以直接用本地的
// 页面所有的 label 点击，改变 class 属性为 orange
$('label').on('click', function() {
$(this).attr('class', 'orange');
// 如果你需要是切换样式，点一下变，再点一下变回原来的
// 可以使用 toggleClass
// $(this).toggleClass('orange');
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
