css
abbr.control-stick 스티어링 조이스틱 제어; 전투 서비스 지원 전투 서비스 지원; 코드 스위치 시스템 암호 전송 시스템; 극저온 저장 시스템 냉동 저장 시스템
제이쿼리 CSS() 메서드 통사론
함수: css() 메서드는 일치하는 요소의 스타일 속성을 하나 이상 반환하거나 설정합니다.
CSS 속성 반환: 첫 번째로 일치하는 요소의 CSS 속성 값을 반환합니다. 값을 반환하는 데 사용되는 단축 CSS 속성(예: "배경" 및 "테두리")은 지원되지 않습니다.
구문: $(selector).css(이름)'
매개변수:
| Parameters | Description |
| name | 필수입니다. CSS 속성의 이름을 지정합니다. 이 매개변수에는 모든 CSS 속성이 포함될 수 있습니다. 예를 들어 "색상"입니다. |
CSS 속성 설정: 일치하는 모든 요소에 대해 지정된 CSS 속성을 설정합니다.
구문: $(selector).css(이름,값)
매개변수:
| 매개변수 | Description |
| name | 필수입니다. CSS 속성의 이름을 지정합니다. 이 매개변수에는 "color"와 같은 CSS 속성이 포함될 수 있습니다. |
| 값 | 선택사항. CSS 속성의 값을 지정합니다. 이 매개변수에는 "red"와 같은 CSS 속성 값이 포함될 수 있습니다. 빈 문자열 값이 설정된 경우 요소에서 지정된 특성을 제거합니다. |
함수를 사용하여 CSS 속성 설정: 일치하는 모든 요소에서 스타일 속성 값을 설정합니다. 이 함수는 설정할 속성 값을 반환합니다. 두 개의 매개변수를 허용합니다. index는 객체 컬렉션에 있는 요소의 인덱스 위치이고 value는 원래 속성 값입니다.
구문: $(selector).css(이름,함수(색인,값))
매개변수:
| Parameters | Description |
| 이름 | 필수 디. CSS 속성의 이름을 지정합니다. 이 매개변수에는 "color"와 같은 CSS 속성이 포함될 수 있습니다. |
| function(index,value) | 은 CSS 속성의 새 값을 반환하는 함수를 지정합니다. |
| index | 선택사항. 선택기 |
| oldvalue | 의 인덱스 위치를 허용합니다. CSS 속성의 현재 값을 허용합니다. |
여러 CSS 속성/값 설정: "이름/값 쌍" 개체를 일치하는 모든 요소의 스타일 속성으로 설정합니다. 이는 일치하는 모든 요소에 많은 수의 스타일 속성을 설정하는 가장 좋은 방법입니다.
구문: $(selector).css({속성:값, 속성:값, ...})
매개변수:
| 매개변수 | Description |
| {속성: 값} | 필수입니다. 스타일 속성으로 설정할 이름/값 쌍 개체를 지정합니다. 이 매개변수에는 여러 CSS 속성 이름/값 쌍이 포함될 수 있습니다. 예를 들어 {"color":"red","font-weight":"bold"} |
제이쿼리 CSS() 메서드 예
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").css("color","red");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">改变段落的颜色</button>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요