Heim > Artikel > Web-Frontend > So fragen Sie den Z-Index mit jquery ab

So fragen Sie den Z-Index mit jquery ab

WBOYOriginal: 2021-12-29 13:57:492469Durchsuche

So fragen Sie den „Z-Index“ des Elements mit jquery ab: 1. Verwenden Sie die Anweisung „$(element)“, um das angegebene Elementobjekt abzurufen. 2. Verwenden Sie die Methode css(), um den „Z-Index“ zurückzugeben " Attributwert des angegebenen Elements. Die Syntax lautet: "ElementObject.css("z-index")".

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

So fragen Sie den Z-Index mit jQuery ab. Die Methode css() legt ein oder mehrere Stilattribute des ausgewählten Elements fest oder gibt sie zurück. Gibt den Wert der angegebenen CSS-Eigenschaft zurück. Die Syntax lautet wie folgt:

css("propertyname");

Das Beispiel lautet wie folgt:

<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    alert("z-index = " + $("img").css("z-index"));
  });
});
</script>
<style type="text/css">
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img  src="/i/eg_smile.gif" / alt="So fragen Sie den Z-Index mit jquery ab" >
<p>由于图像的 z-index 是 -1，因此它在文本的后面出现。</p>
<button>返回img元素的z-index</button>
</body>
</html>

Ausgabeergebnis:

Nach dem Klicken auf die Schaltfläche:

So fragen Sie den Z-Index mit jquery ab

Empfohlene Verwandte Video-Tutorials:

jQuery-Video-Tutorial So fragen Sie den Z-Index mit jquery ab

Das obige ist der detaillierte Inhalt vonSo fragen Sie den Z-Index mit jquery ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery css 对象

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Was bedeutet langsam in jqueryNächster Artikel：Was bedeutet langsam in jquery

In Verbindung stehende Artikel

Mehr sehen