jQuery를 사용하여 요소에 "style=display:"block"을 추가하려면 어떻게 해야 합니까?

jQuery를 사용하여 요소에 "style=display:"block"을 추가하려면 어떻게 해야 합니까?

추가 방법style=display:"block"jQuery의 요소로요?

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

편집: 또는 dave tieben이 아래의 코멘트에서 지적한 바와 같이 이 작업도 수행할 수 있습니다.

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

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

• .css()

일치하는 요소 세트에 대해 하나 이상의 CSS 속성을 설정합니다.

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

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

• .show()

일치하는 요소를 표시하여 호출과 거의 동일합니다.

다음을 사용하여 요소를 표시할 수 있습니다..show()대신

$("div").show()

• .attr()

일치하는 요소 집합에 대해 하나 이상의 속성을 설정합니다.

대상 요소에 속성이 없는 경우 이 방법을 사용하여 요소에 인라인 스타일을 추가할 수 있습니다.

$("div").attr("style", "display:block")

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

• 자바스크립트

jQuery를 사용하지 않을 경우 순수 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");

디스플레이 속성을 설정하는 목적에 따라 다음을 참조할 수 있습니다.

$("#yourElementID").show()

그리고.

$("#yourElementID").hide()

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

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

대부분의 스타일에는 대시가 있기 때문에 속성 이름도 따옴표 사이에 넣어 대시할 수 있도록 하는 것이 좋습니다.'표시'일 경우 따옴표는 선택 사항이지만 대시가 있는 경우 따옴표가 없으면 작동하지 않습니다.어쨌든 간단하게 하기 위해 항상 따옴표로 묶습니다.

언급URL : https://stackoverflow.com/questions/3269136/how-to-add-style-displayblock-to-an-element-using-jquery