jQuery - css() Method
1. jQuery css() Method
css() 메소드는 선택된 요소의 하나 이상의 스타일 속성을 설정하거나 반환합니다.
2. Return a CSS Property
특정 CSS 속성 값을 반환하기 위해서, 아래 문법을 사용합니다:
아래 예제는 처음 매치되는 요소의 배경색을 반환하는 예제입니다:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html> <html> <head> <script> $(document).ready(function(){ $("button").click(function(){ alert("Background color = " + $("p").css("background-color")); }); }); </script> </head> <body> <h2>This is a heading</h2> <p style="background-color:#ff0000">This is a paragraph.</p> <p style="background-color:#00ff00">This is a paragraph.</p> <p style="background-color:#0000ff">This is a paragraph.</p> <button>Return background-color of p</button> </body> </html> | cs |
3. Set a CSS Property
특정 CSS 속성을 설정하기 위해서, 아래 문법을 사용합니다:
css("propertyname","value");
아래 예제는 모든 매치되는 요소들의 배경색을 설정하는 예제입니다.
| $("p").css("background-color", "yellow"); | cs |
4. Set Multiple CSS Properties
여러 CSS 속성을 설정하기 위해서, 아래 문법을 사용합니다:
css({"propertyname":"value","propertyname":"value",...});
아래 예제는 모든 매치되는 요소들의 배경색과 폰트 사이즈를 설정하는 예제입니다.
| $("p").css({"background-color": "yellow", "font-size": "200%"}); | cs |
jQuery 강좌, 제이쿼리, jQuery, 강좌, JavaScript 프레임워크, CSS