Örnek
Bir tıklama etkinliği ekleyin <p> elemanı:
$("p").on("click", function(){
alert("The
paragraph was
clicked.");
}); Kendin dene " Tanımı ve Kullanımı
on() metodu, seçilen elemanları ve alt öğeleri için bir veya daha fazla olay işleyicileri vermektedir.
JQuery sürüm 1.7 itibariyle on() metodu için yeni bir yedek bind(), live() ve delegate() yöntemleri. Bu yöntem API tutarlılık bir sürü getiriyor ve bunun jQuery kod tabanını kolaylaştırır gibi, bu yöntemi kullanmanız önerilir.
Not: Olay işleyicileri kullanılarak ekli on() hem mevcut ve GELECEK elemanlar için çalışacak yöntemi (like a new element created by a script) .
İpucu: kullanmak, olay işleyicileri kaldırmak için off() yöntemini.
İpucu: sadece bir kez çalışır ve kendisini kaldırır bir olay, eklemek için kullanın one() yöntemi.
Sözdizimi
$( Parametre Açıklama event Gereklidir. Bir veya daha fazla belirtir event(s) seçilen elemanların eklemek veya ad alanlarını.
Birden fazla olay değerleri boşlukla ayrılırlar. Geçerli bir olay olmalı childSelector İsteğe bağlı. Olay işleyicisi sadece (kullanımdan kaldırıldı gibi, seçici ve değil kendisini belirtilen alt öğeler eklenmelidir belirtir delegate() yöntemi). data İsteğe bağlı. Ek veri işlevi iletmekten belirtir function Gereklidir. Olay ortaya çıktığında çalıştırmak için işlevini belirtir map Belirtir bir olay haritası ( {event:function, event:function, ...}) olaylar oluştuğunda çalıştırmak için seçilen elemanların eklemek ve işlevleri için bir veya daha fazla etkinliği içeren
it Yourself deneyin - Örnekler
Değiştirme gelen bind() için on()
Nasıl kullanılır on() ile aynı etkiyi elde etmek için bind() .
Değiştirme gelen delegate() için on()
Nasıl kullanılır on() ile aynı etkiyi elde etmek için delegate() .
Dan değiştirilmesi live() için on()
Nasıl kullanılır on() ile aynı etkiyi elde etmek için live() .
Birden fazla etkinlik takın
Nasıl bir elemana birden fazla etkinlik eklemek.
Harita parametresini kullanarak birden olay işleyicileri takın
Nasıl harita parametresini kullanarak seçilen elemanların birden olay işleyicileri eklemek.
Bir öğeyi özel bir etkinlik takın
Bir elemanın özelleştirilmiş ad eklemeyi de nasıl.
Bir fonksiyonu veri boyunca geçmek
Nasıl bir fonksiyonu veri iletmekten.
Gelecekteki elemanlar için olay işleyicileri ekleyin
Gösteriyor ki on() metodu da henüz oluşturulmamış elemanlar için çalışır.
Bir olay işleyicisi kaldırma
Nasıl kullanarak bir olay işleyicisi kaldırmak için off() yöntemini.