스타일을 적용하지 않는 jQuery CSS 수정 코드를 어떻게 수정할 수 있나요?

jQuery를 사용하여 CSS 변경

주어진 코드 조각에서 jQuery를 사용하여 CSS 스타일을 수정하려고 했습니다.

$(init);

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

그런데 오류가 발생하여 CSS 변경사항이 적용되지 않았습니다. 이 문제를 해결하려면 다음 세부 정보를 검사하세요.

1. 중괄호 누락: 코드에서 누락된 중괄호가 있는지 주의 깊게 검사하세요. #myParagraph에 대한 CSS 속성을 설정하는 줄에 닫는 중괄호가 없습니다. 다음으로 수정하세요.

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

2. 올바른 속성 구문: 사용 중인 CSS 속성 이름이 올바르게 작성되었는지 확인하세요. jQuery에서는 CSS 속성에 camelCase 또는 kebab-case 구문을 사용할 수 있습니다. 그러나 코드에서 backgroundColor 속성은 camelCase로 작성되고 color 속성은 kebab-case로 작성됩니다. 일관성을 위해 코드 전체에서 camelCase 구문을 사용하는 것이 좋습니다.

이러한 수정을 통해 이제 코드가 의도한 대로 작동하고 지정된 요소의 CSS 스타일이 그에 따라 변경되어야 합니다.

위 내용은 스타일을 적용하지 않는 jQuery CSS 수정 코드를 어떻게 수정할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!