Rumah > Artikel > hujung hadapan web > Bagaimana untuk memaparkan elemen tersembunyi dengan jquery attr()
Bagaimana untuk memaparkan elemen tersembunyi dengan jquery attr()
- 青灯夜游asal
- 2021-11-16 14:30:533849semak imbas
Kaedah untuk memaparkan dan menyembunyikan elemen dengan attr(): 1. Gunakan pernyataan "$("elemen").attr("style","display:block");" Gunakan "$ ("Element").attr("style","display:none");" pernyataan menyembunyikan elemen.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
Dalam jquery, anda boleh menggunakan kaedah attr() untuk menambah gaya paparan pada atribut gaya sesuatu elemen untuk menunjukkan atau menyembunyikan elemen.
display:blockElemen boleh dipaparkandisplay:noneElemen boleh disembunyikan
Kod pelaksanaan :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#but1").click(function() {
$("div").attr("style","display: none;");
});
$("#but2").click(function() {
$("div").attr("style","display: block;");
});
});
</script>
<style>
div{
margin: 10px 0;
}
</style>
</head>
<body>
<div>hello</div>
<div>欢迎来到PHP中文网！</div>
<button id="but1">隐藏元素</button> <button id="but2">显示元素</button>
</body>
</html>
Cadangan tutorial berkaitan: tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk memaparkan elemen tersembunyi dengan jquery attr(). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!