Jquery获取a标签并修改其样式-CFANZ编程社区

Jquery获取a标签并修改其样式

在头部引用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>

0 条评论