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");
}

올바른 구문을 따랐음에도 불구하고 코드가 작동하지 않습니다.

답변:

이 오류는 마감 누락으로 인해 발생합니다. $("#myParagraph").css() 줄의 중괄호. 올바른 코드는 다음과 같습니다.

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

이러한 수정으로 인해 CSS 요소를 성공적으로 수정하는 JavaScript 함수가 작동하게 됩니다. 명확히 하자면, CSS 속성 이름 표기법인 "BackgroundColor"와 "Background-color"는 모두 jQuery에서 유효합니다. jQuery API 문서에서 이를 확인합니다.

라이브 데모는 다음과 같습니다. http://jsfiddle.net/YPYz8/

전체 작업 코드:

$(init);

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

이 코드 조각은 h1 요소의 배경색을 요소의 배경색인 노란색으로 변경하는 방법을 보여줍니다. ID "myParagraph"는 검정색으로, 해당 요소의 텍스트 색상은 흰색으로 설정됩니다. 또한 "bordered" 클래스가 있는 모든 요소에 1px의 검은색 테두리를 추가합니다.

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