JQuery kullanarak bir öğeye `style = display:“ block ”nasıl eklenir?

style=display:"block"JQuery'de bir öğeye nasıl eklenir ?

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

Düzenleme: ya da dave thieben'in aşağıdaki yorumunda işaret ettiği gibi, bunu da yapabilirsiniz:

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

Display özelliğini ayarlama amacına bağlı olarak, şunlara göz atmak isteyebilirsiniz:

$("#yourElementID").show()

ve

$("#yourElementID").hide()

Bu işi yapmak için önceliğe göre alttan yazılan birden fazla işlev vardır.

• .css()

Eşleşen öğeler kümesi için bir veya daha fazla CSS özelliği ayarlayın.

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

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

• .show()

Eşleşen öğeleri görüntüleme ve kabaca çağrıya eşdeğer.css("display", "block")

Bunun .show()yerine öğesini görüntüleyebilirsiniz

$("div").show()

• .attr()

Eşleşen öğeler kümesi için bir veya daha fazla özellik ayarlayın.

Hedef elemanı Eğer değil sahip styleniteliği , siz öğeye satır içi stil eklemek için bu yöntemi kullanabilirsiniz.

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

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

• JavaScript

JQuery kullanmak istemiyorsanız, saf javascript kullanarak öğeye belirli CSS özelliği ekleyebilirsiniz .

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

Birden fazla eklemeniz gerekiyorsa, bunu şu şekilde yapabilirsiniz:

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

İyi bir uygulama olarak, çoğu stilin içinde bir çizgi bulunduğundan, tireye izin vermek için özellik adını tırnak işaretleri arasına koyarım. 'Display' olsaydı, tırnak işaretleri isteğe bağlıdır ancak kısa çizginiz varsa tırnak işaretleri olmadan çalışmaz. Her neyse, basitleştirmek için: bunları daima tırnak içine alın.