jQuery에서 css() 메소드를 어떻게 사용하나요?

Jquery에는 다양한 메서드가 포함되어 있으며 그 중 하나가 CSS()입니다. CSS() 메서드는 특정 HTML 요소에 적용된 특정 CSS 속성 값을 가져오는 데 사용됩니다. 또한 특정 HTML 요소에 대한 CSS 속성과 해당 값을 설정하는 데 사용됩니다. 개발자는 CSS() 메서드를 사용하여 CSS 속성 값을 업데이트할 수도 있습니다.

이 튜토리얼에서는 Jquery의 css() 메서드를 사용하여 특정 HTML 요소의 CSS 속성에 액세스하고 설정하는 방법을 배웁니다.

문법

사용자는 다음 구문에 따라 Jquery CSS() 메서드를 사용할 수 있습니다.

으아악

css() 메소드는 하나 또는 두 개의 매개변수를 허용합니다. 여기서 'property'는 값에 액세스하거나 설정하려는 CSS 속성의 이름입니다. 또한 여러 CSS 속성 키-값 쌍을 포함하는 개체를 허용합니다.

예 1

아래 예에서는 div 요소의 배경색을 설정했습니다. 사용자가 버튼을 클릭하면 콜백 함수는 Jquery의 CSS() 메서드를 사용하여 div 요소의 '배경색' 속성 값에 액세스합니다.

출력에서 사용자는 버튼을 클릭한 후 RGB 값으로 div 요소의 배경색을 관찰할 수 있습니다.

으아악

예 2

아래 예에서는 css() 메서드를 사용하여 div 요소의 배경색을 설정합니다. 여기서 사용자가 버튼을 클릭하면 콜백 함수는 클래스 이름과 css() 메서드를 사용하여 div 요소에 액세스합니다. 첫 번째 매개변수인 속성 이름으로 'Background-color'를 전달하고, 두 번째 매개변수인 속성 값으로 'red'를 전달합니다.

출력에서 사용자는 버튼을 클릭하면 div 요소의 배경색이 빨간색으로 변경되는 것을 확인할 수 있습니다.

으아악

예 3

아래 예에서는 임의의 픽셀 값을 사용하여 div 요소의 패딩을 변경합니다. 여기서는 css() 메서드의 첫 번째 매개 변수로 'padding'을 사용하고 css() 메서드의 두 번째 매개 변수로 함수를 사용합니다.

이 함수에서는 Math.random() 메서드를 사용하여 1에서 50 사이의 임의의 숫자를 가져오고 HTML div 요소의 패딩으로 설정할 임의의 값을 반환합니다. 출력에서 사용자는 임의의 패딩 값을 관찰할 수 있습니다.

으아악

예 4

의 중국어 번역은 다음과 같습니다.

예 4

아래 예에서는 CSS() 메서드를 사용하여 액세스된 HTML 요소에 여러 CSS 속성을 설정합니다. 여기서는 객체를 CSS() 메소드의 매개변수로 전달합니다. 이 객체에는 여러 CSS 속성-값 쌍이 포함되어 있습니다.

사용자가 버튼을 클릭하면 사용자가 출력에서 ​​볼 수 있는 div 요소에 모든 CSS 속성이 적용됩니다.

으아악

개발자는 Jquery의 css() 메서드를 사용하는 방법을 배웁니다. 첫 번째 예에서는 css() 메서드를 사용하여 CSS 속성 값에 액세스합니다. 두 번째 예에서는 CSS 속성을 HTML 요소로 설정합니다.

세 번째 예에서는 함수에서 반환된 값을 CSS 속성 값으로 설정합니다. 마지막 예에서는 CSS() 메서드를 사용하여 여러 CSS 속성 값을 HTML 요소에 설정했습니다.

위 내용은 jQuery에서 css() 메소드를 어떻게 사용하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!