Rumah > Artikel > Apakah yang dimaksudkan ini apabila mengikat peristiwa klik dalam jquery?

Apakah yang dimaksudkan ini apabila mengikat peristiwa klik dalam jquery?

尊渡假赌尊渡假赌尊渡假赌asal: 2023-05-30 10:32:011887semak imbas

Peristiwa klik mengikat jquery ini merujuk kepada objek DOM yang mencetuskan acara ini: 1. Cipta fail sampel html dan rujuk fail jQuery di kepala 2. Cipta teg div badan , dan tetapkan id kepada a; 3. Buat acara klik dalam skrip dan ikatkannya pada teg div 4. Klik teg div, konsol mencetak "ini", dan hasilnya ialah DOM "div". objek yang mencetuskan peristiwa itu.

Sistem pengendalian untuk tutorial ini: Sistem Windows 10, versi jQuery 3.6.0, komputer Dell G3.

Peristiwa klik mengikat jquery this merujuk kepada objek DOM yang mencetuskan acara ini.

1. Cipta fail sampel html dan rujuk fail jQuery di kepala

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
    <script src="../scripts/jquery.js" type="text/javascript"></script>
</head>
</html>

2. Cipta teg div dalam badan dan tetapkan id kepada

<body>
<div id="a">clickme</div>
</body>

3 Buat acara klik dalam skrip dan ikat pada div

$("#a").click(function(){
  console.log(this) 
});

4. Klik tag div, dan konsol mencetak hasilnya sebagai Objek DOM yang mencetuskan acara

屏幕截图 2023-05-30 102835.png

Atas ialah kandungan terperinci Apakah yang dimaksudkan ini apabila mengikat peristiwa klik dalam jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery html 对象事件 dom this

Kenyataan：

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

Artikel sebelumnya：Menu mula tidak berfungsi pada Windows 11 selepas kemas kini? bagaimana untuk membaikiArtikel seterusnya：Menu mula tidak berfungsi pada Windows 11 selepas kemas kini? bagaimana untuk membaiki

Artikel berkaitan

Lihat lagi