Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Adakah onclick acara jquery?

Adakah onclick acara jquery?

WBOYasal: 2022-06-02 16:05:382202semak imbas

onclick bukan acara jquery, tetapi acara JavaScript ini berlaku apabila elemen diklik Dalam jquery, kaedah click() dikaitkan dengan onclick Elemen kaedah mencetuskan acara onclick.

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

Adakah onclick acara jquery?

1.onclick ialah acara terikat (ia adalah acara)

Perhatikan bahawa pengikatan acara hanyalah JacaScript Ya, tiada acara sedemikian dalam Jquery Ia memberitahu pelayar apa yang perlu dilakukan apabila tetikus mengklik

<!DOCTYPE html>
<html>
<head>
<meta charset="GBK">
<title>测试onclick事件</title>
<script type="text/javascript">
function mouse(){
alert(&#39;我是一张图片!!!&#39;);
}
</script>
</head>
<body>
<img src="../1.jpg" alt="图片" οnclick="mouse()"/>
</body>
</html>

2 > digunakan untuk mencetuskan peristiwa onclick Selagi kaedah klik() elemen dilaksanakan, acara onclick akan dicetuskan. Fungsi utama kaedah

klik() adalah untuk mencetuskan peristiwa onclick bagi elemen yang memanggil kaedah klik, yang sebenarnya mensimulasikan tindakan klik tetikus. Selain itu, jika penyata boleh laku lain ditakrifkan dalam kurungan klik, kaedah klik akan melaksanakan penyataan di dalam kurungan selepas acara onclick dilaksanakan.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>测试Jquery中的click方法(表单选择器)</title>
 <!--   引入jQuery -->
 <script src="../js/jquery-1.11.0.min.js"></script>
 <script src="../js/assist.js"></script>
 <link rel="stylesheet" type="text/css" href="../css/style.css" /> 
 <script type="text/javascript">
 $(function(){
 $("#btn1").click(function(){
 //alert($("#form1 :input").size());
 //alert($("#form1 :input").length);
 alert($("#form1 input").size());
 });
 });
 </script>
</head>
<body>
  <input type="button" value="选取所有的表单子元素" id="btn1"/><br />
  <form id="form1" action="#">
    <input type="button" value="Button"/><br/>
    <input type="checkbox" name="c"/>1<input type="checkbox" name="c"/>2<input type="checkbox" name="c"/>3<br/>
    <input type="file" /><br/>
    <input type="hidden" /><br/>
    <input type="image" src="1.jpg"/><br/>
    <input type="password" /><br/>
    <input type="radio" name="a"/>1<input type="radio" name="a"/>2<br/>
    <input type="reset" /><br/>
    <input type="submit" value="提交"/><br/>
    <input type="text" /><br/>
    <select><option>Option</option></select><br/>
    <textarea rows="5" cols="20"></textarea><br/>
    <button>Button</button><br/>
  </form>
  <div></div>
</body>
</html>

Perluaskan pengetahuan

3 Kaedah on() mengikat pengendali acara kepada elemen dalam objek jQuery yang sedang dipilih. Dalam jQuery 1.7, kaedah .on() menyediakan semua fungsi yang diperlukan untuk mengikat pengendali acara. (Fungsi pemprosesan peristiwa mengikat dinamik) Terdapat dua parameter untuk kaedah ini (parameter dengan kurungan segi empat sama dalam parameter adalah pilihan, pilih mengikut keperluan sebenar)

1). on(events,[selector],[data],fn)

events: satu atau lebih jenis acara yang dipisahkan oleh ruang dan ruang nama pilihan, seperti "click" atau "keydown.myPlugin" . pemilih: Rentetan pemilih untuk turunan elemen pemilih yang mencetuskan acara penapis. Jika

data: Apabila peristiwa dicetuskan, event.data mesti dihantar ke fungsi pemprosesan acara.

fn: Fungsi yang dilaksanakan apabila acara dicetuskan. Nilai palsu juga boleh digunakan sebagai singkatan untuk fungsi yang mengembalikan palsu.

2).on(events-map,[selector],[data])

events-map: satu atau lebih peristiwa yang diwakili oleh rentetan Acara yang dipisahkan oleh ruang jenis dan ruang nama pilihan, nilai mewakili fungsi pengendali yang terikat pada acara. pemilih: Rentetan pemilih untuk menapis elemen yang dipilih, pengendali akan dipanggil pada elemen turunan pemilih ini. Jika pilihan kosong atau diabaikan, acara sentiasa dicetuskan apabila ia mencapai elemen yang dipilih.

data: Apabila peristiwa dicetuskan, event.data mesti dihantar ke fungsi pemprosesan acara.

Kaedah on adalah untuk menentukan fungsi pengendali acara untuk elemen yang sepadan dengan pemilih (padan sekarang atau padan pada masa hadapan)

Cadangan tutorial video:

Tutorial video jQuery

Atas ialah kandungan terperinci Adakah onclick acara jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript jquery NULL 命名空间字符串 Event map 对象事件选择器

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：Apakah kaedah penyerahan borang jquery?Artikel seterusnya：Apakah kaedah penyerahan borang jquery?

Artikel berkaitan

Lihat lagi