jQuery---属性操作

最新推荐文章于 2022-10-21 13:01:51 发布

ElegantHedgehog

最新推荐文章于 2022-10-21 13:01:51 发布

阅读量104

点赞数

分类专栏：技术

原文链接：https://www.colorgg.com

版权

技术专栏收录该内容

512 篇文章 8 订阅

订阅专栏

样式：在style里面写的，用css来操作

属性：在里面里面写的，用attr方法操作

    //设置单个属性
    //attr(name, value)
    $("img").attr("alt", "图破了");
    $("img").attr("title", "错错错错");

      //设置多个属性
      $("img").attr({
        alt: "图破了",
        title: "错错错",
        aa: "bb"
      })

console.log($("img").attr("alt"));

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>

<body>

  <img src="04.gif" alt="突破了" title="对对对">

  <script src="jquery-1.12.4.js"></script>
  <script>
    $(function () {
      //设置多个属性
      $("img").attr({
        alt: "图破了",
        title: "错错错",
        aa: "bb"
      })
      console.log($("img").attr("alt"));
    });
  </script>

</body>

</html>