jqueryを使用してz-indexをクエリする方法
Dec 29, 2021 pm 01:57 PM
jquery
要素「z-index」をクエリするための Jquery メソッド: 1. 「$(element)」ステートメントを使用して、指定された要素オブジェクトを取得します; 2. css() メソッドを使用して、「z-index」を返します。指定された要素の「index」属性の値。構文は「element object.css("z-index")」です。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
jquery が z-index をクエリする方法
css() メソッドは、選択した要素の 1 つ以上のスタイル属性を設定または返します。
指定された 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>
<h1 id="This-nbsp-is-nbsp-a-nbsp-heading">This is a heading</h1>
<img src="/static/imghw/default1.png" data-src="/i/eg_smile.gif" class="lazy" / alt="jqueryを使用してz-indexをクエリする方法" >
<p>由于图像的 z-index 是 -1，因此它在文本的后面出现。</p>
<button>返回img元素的z-index</button>
</body>
</html>ログイン後にコピー
出力結果:
ボタンをクリックした後:
推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル
以上がjqueryを使用してz-indexをクエリする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気の記事
2つのポイント博物館：バングルワシュタランドロケーションガイド
4週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前
By DDD
レポ：チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
人気の記事
2つのポイント博物館：バングルワシュタランドロケーションガイド
4週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前
By DDD
レポ：チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ホットな記事タグ
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
Gmailメールのログイン入り口はどこですか？
7114
9
7114
9
Java チュートリアル
1534
14
1534
14
Laravel チュートリアル
1254
25
1254
25
PHP チュートリアル
1205
29
1205
29
CakePHP チュートリアル
1153
46
1153
46
jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?
Feb 28, 2024 pm 03:12 PM
jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?
jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する
Feb 28, 2024 pm 09:06 PM
jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する
jQuery を使用してすべての a タグのテキスト コンテンツを変更する
Feb 28, 2024 pm 05:42 PM
jQuery を使用してすべての a タグのテキスト コンテンツを変更する
