Rumah >hujung hadapan web >tutorial js >Cara menggunakan jquery untuk memaparkan elemen dengan mengklik padanya dan kemudian klik pada elemen tersembunyi sekali lagi
Cara menggunakan jquery untuk memaparkan elemen dengan mengklik padanya dan kemudian klik pada elemen tersembunyi sekali lagi
- WBOYasal
- 2021-11-22 16:31:537216semak imbas
Kaedah: 1. Gunakan kaedah klik() untuk mengikat acara klik pada butang dan nyatakan fungsi pemprosesan; 2. Gunakan pernyataan if, show() dan hide() dalam fungsi untuk melaksanakan sintaks "jika(objek unsur .adalah(':tersembunyi')){objek elemen.tunjukkan();}lain{objek unsur.sembunyikan();}".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.0, komputer Dell G3.
Cara menggunakan jquery untuk mengklik pada elemen paparan dan klik pada elemen tersembunyi sekali lagi
Dalam jquery, anda boleh menggunakan show( ) kaedah dan kaedah hide() untuk Klik butang untuk memaparkan dan klik untuk menyembunyikan semula Kaedah hide() menyembunyikan elemen yang dipilih jika ia telah dipaparkan. Sintaksnya ialah:
$(selector).hide(speed,callback)
kaedah show() Jika elemen yang dipilih telah disembunyikan, elemen ini dipaparkan:
$(selector).show(speed,callback)
Mari kita lihat. contoh di bawah. Mari kita lihat cara melaksanakan paparan peringkat daerah dan klik sembunyikan sekali lagi. 🎜>
Tutorial video berkaitan yang disyorkan:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<style type="text/css">
div{width:100px;
height:100px;
background: red;
}
</style>
<div id="test"></div>
<button id="anniu">显示与隐藏</button>
<script>
$(function(){
$('#anniu').click(function(){//点击按钮
if($('#test').is(':hidden')){//如果当前隐藏
$('#test').show();//点击显示
}else{//否则
$('#test').hide();//点击隐藏
}
})
})
</script>
</body>
</html>Atas ialah kandungan terperinci Cara menggunakan jquery untuk memaparkan elemen dengan mengklik padanya dan kemudian klik pada elemen tersembunyi sekali lagi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!