Bagaimana untuk menentukan sama ada elemen dipaparkan dalam jquery

青灯夜游
Lepaskan: 2022-04-28 17:35:38
asal
7713 orang telah melayarinya

Dalam jquery, anda boleh menggunakan kaedah pemilih ":visible" dan is() untuk menentukan sama ada sesuatu elemen dipaparkan Sintaks ialah "element object.is(':visible')". sama ada elemen yang ditentukan dipaparkan padan dengan pemilih ":visible", iaitu, sama ada elemen yang boleh dilihat, jika elemen itu dipaparkan, ia akan kembali benar.

Bagaimana untuk menentukan sama ada elemen dipaparkan dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Dalam jquery, anda boleh menggunakan kaedah pemilih ":visible" dan is() untuk menentukan sama ada elemen dipaparkan

  • kaedah is() digunakan untuk melihat yang dipilih Sama ada elemen sepadan dengan pemilih.

  • : Pemilih yang boleh dilihat memilih setiap elemen yang kelihatan pada masa ini.

    Elemen selain yang berikut ialah elemen yang boleh dilihat:

    • ditetapkan untuk memaparkan:tiada

    • dengan elemen Borang dengan jenis ="hidden"

    • lebar dan ketinggian ditetapkan kepada 0

    • elemen induk tersembunyi (ini juga akan menyembunyikan elemen kanak-kanak )

Sintaks untuk menentukan sama ada elemen dipaparkan:

元素对象.is(':visible')
Salin selepas log masuk
  • bermaksud untuk menyemak sama ada elemen yang ditentukan sepadan" :visible" pemilih, iaitu, sama ada ia elemen yang boleh dilihat

Contoh:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("button").click(function () {
			   var node=$(&#39;span&#39;);
               if(node.is(&#39;:visible&#39;)){
				   alert("显示元素");
			   }else{
				   alert("隐藏元素,将它显示出来");
				   node.show();
			   }
            })
        })
    </script>
	</head>
	<body>
		<div>这是一段可见的div内容。</div>
		<span hidden="hidden">这是一个被隐藏的内容,现在显示出来了。</span>
		<p>这是一段可见的内容。</p>
		<button>判断span元素是否显示</button>
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk menentukan sama ada elemen dipaparkan dalam jquery

[Pembelajaran yang disyorkan: Tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk menentukan sama ada elemen dipaparkan dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan