如何用Jquery实现点击之后高亮选中的p元素
2个回答
展开全部
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-3.2.1.min.js"></script>
<style>
p{
padding:10px;
border:1px solid #cccccc;
display: block;
}
</style>
</head>
<body>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
</body>
</html>
<script>
$(document).ready(function(){
$("p").click(function(){
$("p").css("background-color","#fff");
$(this).css("background-color","#ff6600");
});
});
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询