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

So fragen Sie den Z-Index mit jquery ab

WBOY
Freigeben: 2021-12-29 13:57:49
Original
2560 Leute haben es durchsucht

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

So fragen Sie den Z-Index mit jquery ab

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");
Nach dem Login kopieren

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>
Nach dem Login kopieren

Ausgabeergebnis:

Nach dem Klicken auf die Schaltfläche:

So fragen Sie den Z-Index mit jquery ab

Empfohlene Verwandte Video-Tutorials:

jQuery-Video-TutorialSo 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage