Rumah > hujung hadapan web > tutorial js > Bagaimana untuk menyembunyikan div dengan mengklik mana-mana sahaja dalam jquery

Bagaimana untuk menyembunyikan div dengan mengklik mana-mana sahaja dalam jquery

WBOY
Lepaskan: 2021-12-13 17:46:32
asal
2245 orang telah melayarinya

Kaedah: 1. Ikat acara klik pada elemen badan dan nyatakan fungsi pemprosesan acara ialah "$("body").click(function())"; fungsi, gunakan Kaedah hide() melaksanakan kesan menyembunyikan div dengan mengklik mana-mana sahaja dan sintaksnya ialah "$("div").hide();".

Bagaimana untuk menyembunyikan div dengan mengklik mana-mana sahaja dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Cara menyembunyikan div dengan mengklik mana-mana dalam jquery

Dalam jquery, anda boleh menggunakan kaedah hide() dan kaedah click() untuk sembunyikan div dengan mengklik mana-mana kesan div.

kaedah klik() Apabila elemen diklik, acara klik akan berlaku. Klik berlaku apabila penunjuk tetikus berada di atas elemen dan butang kiri tetikus ditekan dan dilepaskan. Kaedah click() mencetuskan peristiwa klik, atau menentukan fungsi untuk dijalankan apabila peristiwa klik berlaku.

Contoh adalah seperti berikut:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("body").click(function(){
    $("div").hide();
  });
});
</script>
<style type="text/css">
    div{
        width:200px;
        height:200px;
        background-color:red;
    }
</style>
</head>
<body>
<div></div>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

 7.gif

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan div dengan mengklik mana-mana sahaja 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