css(name,value) trong jQuery

Miêu tả

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

Cú pháp

Sau đây là cú pháp cho css(name,value) trong jQuery:

selector.css( name, value )

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 css(name,value) trong jQuery:

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

• value − Giá trị của thuộc tính.

Ví dụ

Sau đây là ví dụ đơn giản minh họa cách sử dụng của phương thức css(name,value) trong jQuery:

<html>
   <head>
      <title>The jQuery 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() {
            $("div").click(function () {
               var color = $(this).css("background-color");
               $("#result").html("That div is <span>" + color + "</span>.");
               $("#result").css("color", color);
            });
         });
      </script>
		
      <style>
         div { width:60px; height:60px; margin:5px; float:left; }
      </style>
		
   </head>
	
   <body>
	
      <p>Click on any square:</p>
      <span id="result"> </span>
		
      <div style="background-color:blue;"></div>
      <div style="background-color:rgb(15,99,30);"></div>
      <div style="background-color:#123456;"></div>
      <div style="background-color:#f11;"></div>
		
   </body>
	
</html>

Nó sẽ cho kết quả:

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

• jQuery là gì
• jQuery - Cơ bản
• jQuery - Selector
• jQuery - Thuộc tính
• jQuery - Traverse