attr(key,func) trong jQuery



Miêu tả

Phương thức attr(key,func) trong jQuery thiết lập một thuộc tính đơn tới một giá trị được tính toán, trên tất cả phần tử được so khớp.

Cú pháp

Sau đây là cú pháp cho attr(key,func) trong jQuery:

selector.attr( key, func )

Tham số

Dưới đây miêu tả chi tiết về các tham số được sử dụng trong phương thức attr(key,func) trong jQuery:

  • key − Tên của thuộc tính để thiết lập.

  • func − Hàm trả về thuộc tính để thiết lập. Hàm này sẽ có một tham số mà là index của phần tử hiện tại.

Quảng cáo

Ví dụ

Sau đây là ví dụ đơn giản minh họa cách sử dụng của phương thức attr(key,func) trong jQuery. Ví dụ này sẽ tạo border cho mỗi bảng:

<html>
   <head>
      <title>The Selecter Example</title>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
   
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {
            $("table").attr("border", function(index) {
               return "4px";
            })
         });
      </script>
		
   </head>
	
   <body>

      <table>
         <tr><td>This is first table</td></tr>
      </table>

      <table>
         <tr><td>This is second table</td></tr>
      </table>

      <table>
         <tr><td>This is third table</td></tr>
      </table>

   </body>
	
</html>

Nó sẽ cho kết quả:

Các bài học jQuery khác tại VietJack:


thuoc_tinh_trong_jquery.jsp