jquery로 CSS 스타일을 변경하는 방법-JS 튜토리얼-php.cn

jquery로 CSS 스타일을 변경하는 방법

青灯夜游

풀어 주다： 2023-01-05 16:12:29

원래의

3456명이 탐색했습니다.

jquery로 CSS 스타일을 변경하는 방법: 먼저 "$()"를 사용하여 HTML 요소 노드를 가져온 다음 css() 메서드를 사용하여 CSS 스타일을 변경합니다. 구체적인 구문은 "$("selector")입니다. css("속성 이름"," 속성 값 ");".

jquery로 CSS 스타일을 변경하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.0.0 버전, Dell G3 컴퓨터.

jquery에서는 CSS() 메서드를 사용하여 CSS 스타일을 변경할 수 있습니다.

css() 메서드는 선택한 요소의 스타일 속성을 하나 이상 설정하거나 반환합니다.

기본 구문은 다음과 같습니다

$(‘选择器’).css(&#39;属性名称&#39;,&#39;属性值&#39;);

로그인 후 복사

예:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
    <script>
      $(function() {
        $(".big").css("font-size", "30px");
        $("#color").css("color", "red");
      });
    </script>
  </head>
  <body>
    <ul>
      <li class="big">测试文本</li>
      <li>测试文本</li>
      <li id="color">测试文本</li>
      <li>测试文本</li>
    </ul>
  </body>
</html>

로그인 후 복사

렌더링:

jquery로 CSS 스타일을 변경하는 방법