jQuery ve JavaScript arasında pek çok benzerlik olmasına rağmen, sözdizimi ve işlevlerinde de çeşitli farklılıklar vardır. Bunun için öncelikle jQuery kodunun ne yapmaya çalıştığını anlayın. Ardından, vanilya JavaScript'in alternatif yöntemlerini veya özelliklerini kullanın.
Bu blog, jQuery kodunun JavaScript'e dönüştürülmesini tartışacak.
JQuery Kodu JavaScript'e Nasıl Dönüştürülür?
JQuery kodunu JavaScript'e dönüştürmek için, kodun ne yaptığını ve hangi jQuery yöntemlerinin kullanıldığını anlamak önemlidir. Ardından, ' gibi JavaScript'teki alternatif yöntemleri kullanın. $() ” jQuery'de JavaScript'te öğeleri seçmek için, öğeleri seçmek için kullanılır ' Document.querySelector() ' veya ' sorguSelectorAll() ” yöntemleri kullanılmaktadır.
Bir örnek yardımıyla dönüştürme sürecini anlayalım.
Örnek
Burada, metin rengini değiştiren ve bir düğme tıklamasıyla açıklayıcı bir metin gösteren bir jQuery kodumuz var. Bunun için, HTML belgesi iki düğme, metin ve düğme tıklandığında yeni metnin gösterileceği boş bir
etiketi içerir:
< div kimliği = 'benimDiv' >
< P sınıf = 'metin' > JavaScript Eğitimi P >
< düğme kimliği = 'düğme' > buraya tıklayın düğme >
< düğme kimliği = 'düğme' > buraya tıklayın düğme >
< p kimliği = 'İleti' > P >
div >
jQuery ile çalışırken HTML belgesinin
etiketine jQuery kütüphanesini eklemek zorunludur: < komut dosyası kaynağı = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > senaryo >