Tamam geri geleceğiz.
Şimdiye dek, J Querrey ile elemanları nasıl seçebileceğimiz ve bunları nasıl manipüle edebileceğimiz hakkında
konuştuk.
Şimdi, J sorgusundaki olayların en büyük eksik parçasını tanıtacağız.
O zaman vanilya J.'ye geri dön. S. Olay dinleyicileri eklediğimizde bir olay dinleyicisi adlı bir yöntem kullandık.
Jay, olaylarla bir ilgisi olan yöntemleri olduğu ortaya çıktı.
Bu yüzden olay bölümünü Jake'de açtım, burada olayları tıklayarak oraya gidebilecek.
Böylece buraya kaydırdığımda kaç tane olduğunu görebilirsiniz.
Coria olay yöntemleri bunlardan bir ton ile birlikte gelen chikor'tur.
Bu yüzden, yapacağım şey, kullanabileceğiniz üç önemli şeyi vurgulamaktır.
Bu üç yöntemin yüzde doksuzu, hızlı tuşa basıyor ve devam ediyor.
Ve ben bu üçünün zamanın yüzde 99'unu kullanabileceğini söyledim.
Aslında buradaki gibidir.
Zamanın yüzde 99'unu kullanabilirsiniz.
Bu yüzden önce tıklamayı ve
tuşa basmayı göstereceğim, ancak asıl amacım yöntemin ne kadar müthiş olduğunu göstermek.
Öyleyse başlayalım.
Jay equerries hızlı yöntemi,
tek bir öğeye veya bir öğe koleksiyonuna nasıl hızlı ve kolay bir şekilde bir tıklama dinleyicisi ekleyebildiğimizdir.
Yani, bu davada iki örneğim var görebilirsiniz.
Bir şey seçiyorum ve ardından bir tıklama ile bir tıklama dinleyicisi ekliyorum.
Bu nedenle, yayınladığımız fikriyle bir şeyler seçiyoruz.
Üzerine tıklayın ve sonra bir geri arama
işlevi göndeririz ve bu geri arama işlevi, gönderme fikriyle bir şey tıklandığında çalıştırılacaktır.
Ve bu bir kimlik olduğu için sayfada yalnızca bir tane var.
Bu yüzden bir öğe tıklandığında bu kod çalıştırılır.
Buraya bir göz atarsanız,
sayfada olabilecek her düğmeyi seçtiğimi görebilirsiniz.
10 düğme olabilir ve hepsine bir tıklama dinleyicisi ekliyorum.
Dolayısıyla, bir düğmenin hızlı olması her zaman birisinin düğmeyi tıklaması için uyarır.
Bu yüzden göstereyim.
Şimdi bir CDN olarak dahil Jay queery ile basit bir HTL sayfası var.
Ve ekleyeceğim, Jay sorgu olaylarını yapalım ve birkaç düğme ekleyeceğim.
Demek istediğim ilk kişi beni düzeltmiyor.
Ve sonra bir sonraki ciddiyetle bana mütalaa edecek.
Ve sonuncusu bunun son uyarı olduğunu söyleyecektir.
Bu yüzden kaydedip tarayıcıda açıp her zaman J'nin yüklü olup olmadığını kontrol edeceğiz.
TAMAM.
İyi görünüyor.
Bu yüzden burada H-1'e hızlı bir dinleyici ekleyerek başlayacağız ve sayfada sadece bir tane var.
Dolayısıyla sadece dolar işaretli ilkini seçmeliyiz.
Yani bir tanesi bize doğru H-1 verir, bu da sadece bir tanesi ve daha sonra kaçıyoruz.
Üzerine tıklamayın ve sonra o H-1'i
tıkladığımızda çalıştırılacak bir geri arama fonksiyonunu iletmek zorundayız.
Ardından, tıklama olay
dinleyicisi kullanıyor ve bu H-1'e bir tıklama dinleyicisi ekliyor ve anonim bir işlevi görebiliriz; bu,
anonim bir işlevi görüyor ancak yeni öğrenciler için biraz daha korkutucu ya da adlandırılmış bir işlev
yazabiliyoruz ayrı olarak alabilir ve daha sonra bu işlevin adını buraya iletebilirsiniz.
Ama dediğim gibi isimsiz işlevler daha yaygın.
Yani yapmak istediğim, her birini doğru şekilde
uyarmak ve buraya girmeyi vereceğim ve şimdi bu H-1'i tıklarsam H-1 bırakma işlemini gördüğümü göreceksin ve bu başka herhangi bir öğede olmaz.
Unutmayın, burada hatırlıyorum çünkü H-1'im ekran boyunca ilerliyor, birinin
boyutunu değiştirmek istersem ancak bir elementi tıkladığımda olur, CSSA'nın sorunu olur.
Şimdi yapmak istediğim, bir öğe koleksiyonuna nasıl hızlı bir dinleyici ekleyebileceğimizi göstermek.
Bu yüzden tüm düğmeleri burada seçeceğim.
tekrar geri aramamızı sağlayabiliriz.
Dolayısıyla bir dolar işareti düğmesi ve ardından tıklamamızı bu şekilde ekledik ve anonim bir işlevi
Ve bu,
herhangi bir düğme tıklandığında çalıştırılacak ve sadece bunun gibi bir uyarı düğmesi tıklatıp girişe basacağız.
Ve şimdi bu düğmelerden herhangi birine tıklarsak düğmeye tıkladım düğmesini tıklattık düğmesini bırak.
Bir düğme koleksiyonuna bir olay dinleyicisi eklemek için vanilya javascript'ini tekrar düşünün.
Tüm sorgu seçici ile hepsini seçmek veya öğeleri etiket adına göre almak zorunda kalacak
ve sonra hepsi için döngü için bir for döngüsü kullanmak zorunda kaldım ve
daha sonra açık olan olay listenerini tek tek eklemek zorunda kaldım kamera ARKASI.
Ancak tek yapmam gereken bu satırı yazmak ve bunun, benim için döngü
sağlayacak olması, etkinlik yapan dinleyicileri tek tek ekleyecek, bu da öğrenme düğmesi tıklatılmaktan çok hayatını kolaylaştırıyor.
Stili değiştirmek için, tıklanan düğmenin arka plan rengini değiştirmek istersem ne olurdu.
Bu yüzden tekrar bir tıklama dinleyicisi eklemek gerekir.
Ben sadece yukarı okum ve uyanık değil.
Yapacağımız, arka plan rengini
değiştirmek ve böylece C-nin arka planı olacak ve onu pembe olacak şekilde değiştireceğiz.
Mesele ne Dotsie CSSA'yı vanilla javascript'le arıyor ve geri çağırıyoruz.
Bunu kullanırız.
Anahtar sözcük bu ve
bu, tıklanan öğeye işaret ediyor ancak NJ sorgusu, yapmamız gereken şeyin işe yaramayacağı, bunun J Querrey sürümünü kullanmaktır.
Bu her zaman biraz kafa karıştırıcı bir fikirdir.
Sanırım Shakeri'nin yaptığı şeyin sade vanilya aldığı
ve Jay sorgusuna kaydedildiği ve büyük J. olduğu anlamına geldiğini hatırlamaya yardımcı olduğunu düşünüyorum. A. G. sarılmak ve ona bazı özel özellikler ve yöntemler verir.
Dolayısıyla, J
sorgusu yöntemi olan CSSA nokta kullanmak istiyorsanız, bir J sorgusu nesnesinde çalıştırdığımızdan emin olmalıyız.
Yani sadece yaşlı bu normal vanilya javascripti.
Dolayısıyla onu saralım ve bunun J sorgu sürümü olduğunu söylemeliyiz.
O halde bunu test edelim.
Buraya girerek vurun
ve şimdi o uyarıya sahip olduğumuz ilk düğmeyi tıklayın çünkü bu ilk tıklama dinleyicisinden asla kurtulmadık.
Ardından, arka plan pembeye dönüşür ve bunu tıkladığım her birine gerçekleşeceğini görebilirsiniz.
Bunun gibi bir şey de yapabiliriz.
Bu yüzden yukarı okuna bastım ve sayfayı sadece pembe hale getirmek yerine yeniliyorum.
Ayrıca bir günlük iptali yapabiliriz ve Walcott'un yetişkin kişisi tıklanan düğmenin metnini günlüğe kaydedebilir.
Yani artı tıkladığınız gibi bir şey olur ve sonra bunu saklamak için bir değişken
yapacağım; böylece değişken metin, bu nokta nokta işareti ile aynı olur ve bu metni oradan
çıkarmak için sadece o kasodaki gibi metin yöntemini kullanmamız yeterlidir değişken adımız olan metni tıkladın ve gir.
Ve şimdi, tıkladığın birini tıklarsam tıklama tıklamıyorsun.
Bu son uyarı.
Ve tıkladın.
Cidden beni tıkınma.
TAMAM.
Gösterileceğim tek şey bu kadar.
Tıklayın.
Özetlemek gerekirse, H-1 için yaptığımız gibi aynı anda bir elemana bir dinleyici ekleyebiliriz.
Veya bunu gerçekten yararlı hale gelen bir koleksiyona yapabiliriz.
Ve son olarak, tıklanan öğeye atıfta bulunmak
istersek, dolar işaretini J kuyruk sarmalayıcı olan J. kullanmamız gerekir. A. G. Vanilla versiyonu.
Evet bu