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

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

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

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

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

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

$("#yourElementID").show()

과

$("#yourElementID").hide()

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

• .css()

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

$("div").css("display", "block")

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

• .show()

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

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

$("div").show()

• .attr()

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

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

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