jQueryを使用して要素に `style = display：“ block”`を追加する方法は？

style=display:"block"jQueryの要素に追加する方法は？

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

編集：または、dave thiebenが以下のコメントで指摘しているように、これを行うこともできます。

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

表示プロパティを設定する目的に応じて、

$("#yourElementID").show()

そして

$("#yourElementID").hide()

優先順位に基づいて下に書いた、この作業を行うための複数の機能があります。

• .css()

一致する要素のセットに1つ以上のCSSプロパティを設定します。

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

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

• .show()

一致した要素を表示します。これは呼び出しとほぼ同じです.css("display", "block")

.show()代わりに使用して要素を表示できます

$("div").show()

• .attr()

一致する要素のセットに1つ以上の属性を設定します。

ターゲット要素にstyle属性がない場合、このメソッドを使用してインラインスタイルを要素に追加できます。

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

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

• JavaScript

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

複数を追加する必要がある場合は、次のように行うことができます。

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

ほとんどのスタイルにはダッシュが含まれているため、ダッシュを許可するために、プロパティ名を引用符で囲みます。'display'の場合、引用符はオプションですが、ダッシュがある場合、引用符なしでは機能しません。とにかく、簡単にするために、常に引用符で囲みます。