Latest web development tutorials

jQuery pada () metode

Metode Kegiatan jQuery Metode Kegiatan jQuery

contoh

Menambah <p> elemen klik event handler:

$("p").on("click",function(){
alert("The paragraph was clicked.");
});

Coba »

Definisi dan Penggunaan

pada () metode pada unsur-unsur yang dipilih dan sub-elemen untuk menambahkan satu atau lebih event handler.

JQuery dari versi 1.7 dan seterusnya, pada metode () yang mengikat (), alternatif baru hidup () dan delegasi () metode. Metode API untuk membawa banyak kemudahan, kami sarankan untuk menggunakan metode ini, menyederhanakan basis kode jQuery.

Catatan: Gunakan metode () untuk menambahkan event handler untuk elemen saat ini dan masa depan (seperti unsur baru yang diciptakan oleh script).

Tip: Untuk menghapus event handler, menggunakan off () metode.

Tip: Untuk menambahkan acara dijalankan hanya sekali dan kemudian dihapus, silakan gunakan salah satu () metode.


tatabahasa

$(selector).on(event,childSelector,data,function,map)

参数 描述
event 必需。规定要从被选元素移除的一个或多个事件或命名空间。

由空格分隔多个事件值。必须是有效的事件。
childSelector 可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。
data 可选。规定传递到函数的额外数据。
function 可选。规定当事件发生时运行的函数。
map 规定事件映射 ( {event:function, event:function, ...}) ,包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。


contoh

contoh yang lebih

Dari mengikat () ke atas ()
Cara menggunakan pada () untuk mencapai mengikat (efek yang sama).

Mengubah dari delegasi () ke atas ( )
Cara menggunakan pada () untuk mencapai delegasi (efek yang sama).

Dari hidup () ke atas ()
Cara menggunakan pada () untuk mencapai dan hidup (efek yang sama).

Menambahkan beberapa event handler
Cara menambahkan beberapa elemen ke event handler.

Menggunakan parameter peta untuk menambahkan beberapa event handler
Cara menggunakan parameter peta untuk menambahkan beberapa event handler untuk elemen yang dipilih.

Pada elemen untuk menambahkan acara adat
Bagaimana menambahkan acara adat namespace pada elemen.

Data dilewatkan ke fungsi
Bagaimana untuk melewatkan data berfungsi.

Tambahkan event handler untuk elemen berikutnya
Demo metode () juga berlaku untuk elemen belum dibuat.

Hapus event handler
Cara menggunakan metode off () untuk menghapus sebuah event handler.


Metode Kegiatan jQuery Metode Kegiatan jQuery