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 dipaparkan
display: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!
Apakah pemalam jquery?
Bagaimana untuk mengendalikan json dengan jquery
Bagaimana untuk memadam elemen dalam jquery
Penggunaan kaedah jQuery hover().
jquery melaksanakan kaedah paging
Apakah elemen tersembunyi dalam jquery
Apa yang ditonjolkan dalam jquery
Perbezaan antara halaman web statik dan halaman web dinamik
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
