Cara menggunakan jquery untuk memaparkan elemen dengan mengklik padanya dan kemudian klik pada elemen tersembunyi sekali lagi-tutorial js-php.cn

Cara menggunakan jquery untuk memaparkan elemen dengan mengklik padanya dan kemudian klik pada elemen tersembunyi sekali lagi

WBOY

Lepaskan： 2021-11-22 16:31:53

asal

7179 orang telah melayarinya

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();}".

Cara menggunakan jquery untuk memaparkan elemen dengan mengklik padanya dan kemudian klik pada elemen tersembunyi sekali lagi

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)

Salin selepas log masuk

kaedah show() Jika elemen yang dipilih telah disembunyikan, elemen ini dipaparkan:

$(selector).show(speed,callback)

Salin selepas log masuk

Mari kita lihat. contoh di bawah. Mari kita lihat cara melaksanakan paparan peringkat daerah dan klik sembunyikan sekali lagi. 🎜>
Tutorial video berkaitan yang disyorkan:

tutorial video jQuery

<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(){
$(&#39;#anniu&#39;).click(function(){//点击按钮
if($(&#39;#test&#39;).is(&#39;:hidden&#39;)){//如果当前隐藏
$(&#39;#test&#39;).show();//点击显示
}else{//否则
$(&#39;#test&#39;).hide();//点击隐藏
}
})
})
</script>
</body>
</html>

Salin selepas log masuk

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!