jQuery - 設定屬性

描述

attr( properties) 方法將鍵值對物件作為屬性設定到所有匹配的元素。

語法

以下是使用此方法的簡單語法：

selector.attr({property1:value1, property2:value2})

引數

以下是此方法使用所有引數的描述：

property - 這是匹配元素的 CSS 屬性。
value - 這是要設定的屬性值。

示例

以下示例將更改影像標籤的屬性：

線上演示

<html>
   <head>
      <title>The Selecter Example</title>
      <script type = "text/javascript" 
         src = "https://tutorialspoint.tw/jquery/jquery-3.6.0.js">
      </script>
   
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $("img").attr({ 
               src: "/images/jquery.jpg",
               title: "jQuery",
               alt: "jQuery Logo"
            });
         });
      </script>	
   </head>
	
   <body>
      <div class = "division" id = "divid">
         <p>Following is the logo of jQuery</p>
         <img src="/jquery/images/jquery-mini-logo.jpg" title="None" alt="None" />
      </div>
   </body>
</html>

這將產生以下結果：

jquery-attributes.htm

列印頁面