jquery如何查詢z-index

這篇文章給大家分享的是有關jquery如何查詢z-index的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

站在用戶的角度思考問題，與客戶深入溝通，找到富民網站設計與富民網站推廣的解決方案，憑借多年的經驗，讓設計與互聯網技術結合，創造個性化、用戶體驗好的作品，建站類型包括：成都網站制作、成都網站設計、企業官網、英文網站、手機端網站、網站推廣、空間域名、網頁空間、企業郵箱。業務覆蓋富民地區。

jquery查詢元素“z-index”的方法：1、利用“$(元素)”語句獲取指定的元素對象；2、利用css()方法返回指定元素的“z-index”屬性值，語法為“元素對象.css("z-index")”。

jquery如何查詢z-index

本教程操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery怎樣查詢z-index

css() 方法設置或返回被選元素的一個或多個樣式屬性。

返回指定的 CSS 屬性的值，語法如下：

css("propertyname");

示例如下：

<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>
<h2>This is a heading</h2>
<img src="/i/eg_smile.gif" />
<p>由于圖像的 z-index 是 -1，因此它在文本的后面出現。</p>
<button>返回img元素的z-index</button>
</body>
</html>

輸出結果：

jquery如何查詢z-index