[javascript] jQuery를 사용하여 요소에`style = display :“block”`을 추가하는 방법은 무엇입니까?

JAVASCRIPT / 글쓴이

style=display:"block"jQuery에서 요소에 추가하는 방법 ?

답변

$("#YourElementID").css("display","block");

편집 : 또는 dave thieben이 아래의 주석에서 지적 했듯이이 작업을 수행 할 수도 있습니다.

$("#YourElementID").css({ display: "block" });

답변

display 속성을 설정하는 목적에 따라 살펴볼 수 있습니다

$("#yourElementID").show()

과

$("#yourElementID").hide()

답변

우선 순위에 따라 아래에 쓴이 작업을 수행하는 여러 기능이 있습니다.

일치하는 요소 세트에 대해 하나 이상의 CSS 특성을 설정하십시오.

$("div").css("display", "block")
// Or add multiple CSS properties
$("div").css({
  display: "block",
  color: "red",
  ...
})

일치하는 요소를 표시하며 호출하는 것과 거의 같습니다..css("display", "block")

.show()대신에 요소를 표시 할 수 있습니다

$("div").show()

일치하는 요소 세트에 대해 하나 이상의 속성을 설정하십시오.

target 요소 가 styleattribute 가 아닌 경우이 메소드를 사용하여 요소에 인라인 스타일을 추가 할 수 있습니다.

$("div").attr("style", "display:block")
// Or add multiple CSS properties
$("div").attr("style", "display:block; color:red")

  • 자바 스크립트

jQuery를 사용하지 않으려면 pure javascript를 사용하여 특정 CSS 특성을 요소에 추가 할 수 있습니다 .

var div = document.querySelector("div");
// One property
div.style.display = "block";
// Multiple properties
div.style.cssText = "display:block; color:red";
// Multiple properties
div.setAttribute("style", "display:block; color:red");

답변

여러 개를 추가 해야하는 경우 다음과 같이 할 수 있습니다.

$('#element').css({
    'margin-left': '5px',
    'margin-bottom': '-4px',
    //... and so on
});

모범 사례로 대부분의 스타일에 대시가 있기 때문에 속성 이름을 따옴표로 묶어 대시를 허용합니다. ‘디스플레이’인 경우 따옴표는 선택 사항이지만 대시가 있으면 따옴표 없이는 작동하지 않습니다. 어쨌든 간단하게 만들기 위해 항상 따옴표로 묶으십시오.

답변