Bolehkah anda menetapkan acara klik untuk elemen dalam jquery?

WBOY
Lepaskan: 2022-06-07 10:28:18
asal
1966 orang telah melayarinya

Anda boleh menetapkan acara klik untuk elemen dalam jquery. Kaedah penetapan: 1. Gunakan "$("Elemen")" untuk mendapatkan objek elemen yang ditentukan 2. Gunakan kaedah klik() untuk menetapkan acara klik Sintaksnya ialah "elemen object.click(){.. .}) ".

Bolehkah anda menetapkan acara klik untuk elemen dalam jquery?

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

Bolehkah anda menetapkan acara klik untuk elemen dalam jquery?

Bolehkah anda menetapkan acara klik untuk elemen dalam jquery?

Tetapan kaedah adalah seperti berikut:

1 Dapatkan objek elemen yang ditentukan

Sintaksnya ialah:

$("selector")
Salin selepas log masuk

2 klik acara ke objek elemen yang diperoleh

Apabila elemen diklik, peristiwa klik berlaku. Kaedah

klik() mencetuskan peristiwa klik atau menentukan fungsi untuk dijalankan apabila peristiwa klik berlaku.

Sintaks

Cetus acara klik bagi elemen yang dipilih:

$(selector).click()
Salin selepas log masuk

Tambah fungsi pada acara klik:

$(selector).click(function)
Salin selepas log masuk

Contohnya adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
   alert("段落被点击了。");
  });
});
</script>
</head>
<body>
<p>点击这个段落。</p>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

Bolehkah anda menetapkan acara klik untuk elemen dalam jquery?

Selepas mengklik perenggan ini:

Bolehkah anda menetapkan acara klik untuk elemen dalam jquery?

Tutorial video Disyorkan: Tutorial video jQuery

Atas ialah kandungan terperinci Bolehkah anda menetapkan acara klik untuk elemen 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