在头部引用Jquery文件
<script src="jquery-1.8.0.min.js"></script>
添加三个div块中包含a标签
<div><a href="#">测试1</a></div>
<div><a href="#">测试2</a></div>
<div><a href="#">测试3</a></div>
在最下方写script
$ (function () {
$ ('div a').click(function () { //获取a标签的点击事件
$ (this).css ('color','#00ae66'); //this代表当前点击的a标签,直接修改其css样式
})
})
全部代码如下,还可以修改其他标签,在(’div a‘)中修改,外部大标签写在左,内部小标签写在右,span、li、ul、ol标签都可写入。或者有一些不懂得地方直接留言。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-1.8.0.min.js"></script>
</head>
<body>
<div><a href="#">测试1</a></div>
<div><a href="#">测试2</a></div>
<div><a href="#">测试3</a></div>
</body>
</html>
<script>
$ (function () {
$ ('div a').click(function () { //获取a标签的点击事件
$ (this).css ('color','#00ae66'); //this代表当前点击的a标签,直接修改其css样式
})
})
</script>
标签:Jquery,function,样式,标签,点击,测试,div,css
From: https://blog.51cto.com/u_16281588/7850516