-
[jQuery] 17. CSS() - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:23jQuery - css() Method1. jQuery css() Methodcss() 메소드는 선택된 요소의 하나 이상의 스타일 속성을 설정하거나 반환합니다.2. Return a CSS Property특정 CSS 속성 값을 반환하기 위해서, 아래 문법을 사용합니다:css("propertyname");아래 예제는 처음 매치되는 요소의 배경색을 반환하는 예제입니다:12345678910111213141516171819202122232425<!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");아래 예제는 모든 매치되는 요소들의 배경색을 설정하는 예제입니다.4. Set Multiple CSS Properties여러 CSS 속성을 설정하기 위해서, 아래 문법을 사용합니다:css({"propertyname":"value","propertyname":"value",...});아래 예제는 모든 매치되는 요소들의 배경색과 폰트 사이즈를 설정하는 예제입니다.12$("p").css({"background-color": "yellow", "font-size": "200%"});cs jQuery 강좌, 제이쿼리, jQuery, 강좌, JavaScript 프레임워크, CSS'Web > jQuery' 카테고리의 다른 글
[jQuery] 20. Ancestors - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 19. Traversing - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 18. dimension - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 16. CSS Classes - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 15. Remove - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 14. Add - jQuery 강좌 jQuery / CSE (0) 2015.06.13
