내 jQuery CSS 수정이 작동하지 않는 이유는 무엇입니까?

jQuery로 CSS 변경

jQuery를 사용하여 CSS 요소를 수정하려고 할 때 제공된 코드에 중요한 요소가 부족한 것 같습니다. jQuery API에는 따옴표 붙은 표기법과 따옴표 없는 표기법을 모두 사용하여 CSS 속성을 지정할 수 있다고 명시되어 있습니다.

코드를 면밀히 조사해 보면 문제는 닫는 중괄호가 누락되어 있다는 것입니다. 다음 행:

$("#myParagraph").css({"backgroundColor":"black","color":"white");

객체 리터럴을 닫는 추가 중괄호가 있어야 합니다.

$("#myParagraph").css({ "backgroundColor": "black", "color": "white" });

이 수정을 통해 코드는 의도한 대로 작동하여 HTML 요소의 스타일을 변경합니다. :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="bordered">
  <h1>Header</h1>
  <p>

$(init);

function init() {
  $("h1").css("backgroundColor", "yellow");
  $("#myParagraph").css({ "backgroundColor": "black", "color": "white" });
  $(".bordered").css("border", "1px solid black");
}

위 내용은 내 jQuery CSS 수정이 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!