Come aggiungere `style = display:“ block ”` a un elemento usando jQuery?

Come aggiungere style=display:"block"ad un elemento in jQuery?

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

Modifica: o come sottolinea dave thieben nel suo commento qui sotto, puoi fare anche questo:

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

A seconda dello scopo di impostare la proprietà display, potresti dare un'occhiata

$("#yourElementID").show()

e

$("#yourElementID").hide()

Ci sono più funzioni per fare questo lavoro che ha scritto in fondo in base alla priorità.

• .css()

Imposta una o più proprietà CSS per il set di elementi corrispondenti.

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

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

• .show()

Visualizza gli elementi corrispondenti ed è approssimativamente equivalente alla chiamata.css("display", "block")

È possibile visualizzare l'elemento utilizzando .show()invece

$("div").show()

• .attr()

Impostare uno o più attributi per l'insieme di elementi corrispondenti.

Se l'elemento target non ha styleattributo , è possibile utilizzare questo metodo per aggiungere uno stile inline all'elemento.

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

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

• JavaScript

È possibile aggiungere una specifica proprietà CSS all'elemento utilizzando javascript puro , se non si desidera utilizzare jQuery.

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

Se è necessario aggiungerne più, è possibile farlo in questo modo:

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

Come buona pratica, metterei anche il nome della proprietà tra virgolette per consentire il trattino poiché la maggior parte degli stili ha un trattino al loro interno. Se era "display", le virgolette sono facoltative ma se hai un trattino, non funzionerà senza le virgolette. Comunque, per semplificare: racchiudili sempre tra virgolette.