50+ En Yaygın jQuery Röportaj Soruları ve Cevapları (Güncelleme 2021)

selenium webdriver röportaj soruları ve deneyimli pdf için cevapları

Yukarıdaki yöntem çağrısının sonucu, aşağıdaki resimde gösterildiği gibi A, B, 1, 2, 3 ve C öğelerinde sarı bir arka plandır.

.find () yöntemi, geçilen DOM öğesinin tüm alt öğelerini seçer.

JQuery .children () API'sindeki sözdizimi ile öğeyi bulmak için

'düzey-2' sınıfını içeren etiket.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );

Yukarıdaki yöntem çağrısının sonucu, aşağıdaki resimde gösterildiği gibi A, B ve C öğelerinde sarı bir arka plandır.



.children () yöntemi, geçiş yapılan DOM öğesinin tek seviyeli öğelerini seçer.

S # 14) Çeşitli seçici türlerini ve jQuery'deki işlevlerini açıklayın.

Cevap: jQuery seçicileri, aşağıda listelenen özniteliklerine göre DOM hiyerarşisindeki HTML öğelerini bulmak / seçmek için kullanılır.

• isim
• İD
• sınıf
• tip
• değerler

Temel Seçici Türleri şunlardır:

• İsim
• İD
• Sınıf adı
• Bir DOM'daki tüm öğeleri seçen * gibi evrensel seçici.
• Birden çok öğe. Misal:
• ,

  ,.

• Öznitelik seçici, Misal: Renk, yazı tipi stili veya arka plan rengi gibi niteliklerine göre öğeleri tanımlayın / seçin.

JQuery'deki Çoklu elemanlar ve Öznitelik seçicileri örneği aşağıda açıklanmıştır.



Yukarıdaki jQuery kodunda, sınıf özelliği bir seçicidir ve HTML etiketi öğesi içindeki metnin yazı tipi rengi yeşile değiştirilmiştir. Bu kod, sınıf özniteliklerine sahip tüm bu öğelerin içindeki metinlerin yazı tipi rengini etkileyecek / değiştirecektir.

S # 15) jQuery'de Kimlik ve Sınıf seçici arasında ayrım yapın.

Cevap: Her HTML öğesinin yalnızca bir kimliği olabilir, başka bir deyişle, bir öğe benzersiz bir kimlik ile tanımlanabilir, oysa aynı sınıfı birden çok öğe üzerinde kullanabilirsiniz.

Özniteliği olarak bir kimliği olan bir DOM öğesini gizlemek için jQuery'de kimlik seçici örneği, 'altın_coin' olarak bir kimliği olan öğeyi söyleyin

$('#gold_coin').hide();

Gizlemek istiyorsanız, sınıfı 'ham' olan tüm bağlantıları söyleyin,

$('a.raw').hide();

S # 16) jQuery Ajax yöntemlerinin avantajlarını açıklayın.

Cevap: Ajax, DOM ve JavaScript yardımıyla sayfayı yeniden yüklemeden sunucudan veri isteyebilir ve alabilir.

JQuery'de Ajax yöntemlerini kullanmanın avantajları aşağıda listelenmiştir:

• Tüm sayfayı yeniden yüklememize izin verir ve bize sayfanın yalnızca bir bölümünü yükleme esnekliği verir.
• Basit API.
• Çapraz Tarayıcı desteği.
• GET ve POST desteklenir.
• JSON, XML, HTML veya komut dosyası belgesini yükleyin.

S # 17) onload () ve document.ready () jQuery yöntemleri arasında ayrım yapın.

Cevap: Onload () ve document.ready () yöntemleri arasındaki fark, JavaScript'in onload () yönteminin yalnızca web belgesindeki tüm nesneler tamamen görüntülendikten / yüklendikten sonra çağrılacak olmasıdır.

Oysa, DOM yapısı belgelere yüklendiğinde document.ready () yöntemi çağrılır. document.ready () yöntemi, onload () yöntemine kıyasla çok hızlı çağrılır, çünkü daha sonra görüntüler tamamen görüntülenene kadar bekler.

S # 18) jQuery'nin connect () yönteminin işlevselliğini açıklayın.

Cevap: jQuery connect (), bir işleyici atayarak bir işlevi başka bir işleve bağlamak / bağlamak için kullanılan bir eklentidir. Bu işlevi kullanarak bir DOM öğesi olayını kullanabiliriz.

S # 19) Önyükleme ve JavaScript eklentisini kısaca açıklayın.

Cevap: Bootstrap, bir web sayfası veya web uygulaması oluşturmak için HTML, CSS ve JavaScript içeren bir çerçeve veya araç setidir. Bootstrap bileşenlerinin çoğunun çalışması için Javascript eklentileri gerekir.

S # 20) jQuery Mobile için Uygulamaları açıklayın.

Cevap: jQuery Mobile, tüm akıllı telefonlar, tabletler ve masaüstü cihazlarda erişilebilen mobil uygulamalar oluşturmak için tasarlanmış, açık kaynaklı, çapraz tarayıcı uyumlu bir çerçevedir.

jQuery Mobile, jQuery'de ve jQuery'nin Kullanıcı Arayüzünde çeşitli özel efektler oluşturmak, Ajax isteklerini / yanıtlarını işlemek, dokunma olayları ve çeşitli widget'lar için oluşturulur.

S # 21) jquery.min.js ve jquery.js arasında ayrım yapın

Cevap: jquery.min.js ve jquery.js aynı işleve sahiptir, jquery.min.js, dosyanın boyut olarak küçültülmesi ve komut dosyasının çalıştırılmasına neden olacak şekilde yüklenmesinin daha hızlı olması için tüm boş alanları kaldırmıştır.

JS dosyalarının bir üretim ortamında küçültülmesi, daha hızlı yüklenecekleri ve hızlı ve daha iyi sayfa performansı sağlayacakları anlamına gelir.

S # 22) HTML ve XML belgeleri için jQuery HTML yönteminin olasılığını açıklayın.

Cevap: jQuery HTML yöntemi XML belgelerinde kullanılamaz, yalnızca HTML belgeleri için çalışır.

S # 23) jQuery UI'nin (kullanıcı arayüzü) işlevselliğini açıklayın.

Cevap: jQuery UI, kullanıcıların belirli DOM öğelerini seçebileceği, sıralayabileceği, sürükleyebileceği, bırakabileceği ve yeniden boyutlandırabileceği çoklu kayıt listeleri gibi çeşitli kullanıcı arabirimi nesneleri oluşturmayı sağlayan bir jQuery kitaplığıdır.

UI kitaplığı ayrıca otomatik tamamlama, onay kutusu, radyo düğmeleri, tarih seçici, menü vb. Gibi yerleşik widget'ların yanı sıra bir efekt gizleme, gösterme veya değiştirme ve diğer animasyonları da oluşturur.

S # 24) jQuery için Veri Tablosu eklentisinin işlevselliğini açıklayın.

Cevap: Veri Tablosu, kayıtlara uygulandığında tablo biçiminde görüntülenen bir jQuery eklentisidir.

Verileri tek ve birden çok sütunda sıralayabilir, belirli bir kaydı arayabilir, sayfalandırma, sayfa başına kayıt ekleyebilir ve bir tablodaki kayıtlarda gezinebiliriz. Veri Tablosu statik verilere, Diziye, JSON'daki verilere ve AJAX yanıtına uygulanabilir.

S # 25) CDN'den jQuery barındırmanın avantajlarından herhangi birini açıklayın.

Cevap: İçerik Dağıtım Ağından (CDN) jQuery barındırmak, daha düşük maliyet ve düşük ağ yükü ile yüksek kullanılabilirlik ve yüksek performansa yardımcı olur, iyileştirilmiş gecikme süresi (sunucudan bir veri paketi göndermek ve almak için daha az zaman harcanır), cihaza özel bir sürüm sunar içeriğin.

Misal: Mobil ekran boyutu için duyarlılık ve hassas veriler veya dosyalar için güvenli depolama kapasitesi.

S # 26) jQuery'nin .detach () ve .remove () arasındaki herhangi bir farkı belirleyin.

Cevap: jQuery'nin detach () yöntemi seçilen öğeyi kaldırır, ancak verileri ve olayları saklar. jQuery'nin .remove () yöntemi öğeleri, verileri ve olayları kaldırır.

S # 27) Sunucu komut dosyası oluşturmak için bir jQuery kitaplığı kullanabilir miyim?

Cevap: jQuery, istemci tarafı komut dosyası Javascript kitaplığıdır. Sunucu tarafı komut dosyası için kullanılamaz.

S # 28) jQuery kullanmak için bazı durumlar veya senaryolar verebilir misiniz?

Cevap:

JQuery'yi aşağıdaki durumlarda / senaryolarda kullanabiliriz:

• CSS'nin statik veya dinamik özelliğini değiştirebilen bir jQuery işlevi uygulayabiliriz.
• Form olayları, Klavye olayları, Fare olayları, Tarayıcı olayları gibi olaylarda jQuery yardımıyla fonksiyonları çağırabiliriz.
• JQuery kullanarak DOM öğelerini işleyebilir (ekleyebilir, düzenleyebilir veya silebiliriz).
• jQuery, statik konumunu kademeli olarak başka bir konuma değiştirerek HTML öğesi üzerindeki animasyon efektleri için kullanılabilir.

S # 29) jQuery Ajax yöntemi için kullanılan dört parametreyi listeleyin.

Cevap: İsteğin gönderildiği URL adresi, İstek türü yani GET veya POST, Sunucuya gönderilecek veri / içerik ve tarayıcının istenen sayfayı önbelleğe alması veya almaması koşulu jQuery Ajax yöntemi için kullanılan dört parametredir.

S # 30) jQuery filtresinin işlevselliğini açıklayın.

Cevap: jQuery'deki .filter () eşleşen öğeyi kontrol eder ve özellik eşleşen öğeye eklenebilir.

Örneğin, .filter () için aşağıda verildiği gibi olabilir.



Liste öğelerini bulmak / filtrelemek için jQuery.filter () API'sindeki kod satırı aşağıdaki gibidir.

$( 'li' ).filter( ':even' ).css( 'background-color', 'yellow' );

Yukarıdaki yöntem çağrısının sonucu, 0, 2, 4 ve benzeri dizinlerde yer alan Fizik, Matematik, Tarih, Fransızca vb. Metinler için sarı bir arka plandırdır (unutmayın endeks 0'dan başlar, dolayısıyla 0 bir çifttir) aşağıdaki resimde gösterilmiştir.



S # 31) jQuery için kısayol olarak hangi özel karakter kullanılıyor?

Cevap: jQuery yerine $ kullanılır,

Misal: jQuery (belge) .ready (işlev (); $ (belge) olarak kullanılabilir .ready (işlev ()

S # 32) jQuery'de hata ayıklayabileceğimiz farklı yolları açıklayın.

Cevap: JQuery kodunda hata ayıklamanın birkaç yolu vardır.

Google Chrome, Mozilla Firefox, Opera ve Safari gibi günümüz tarayıcıları yerleşik Javascript hata ayıklayıcısına sahiptir. JQuery kodunda hata ayıklamak için, klavyenizden F12'ye basın; yerleşik hata ayıklayıcıya sahip tarayıcı, 'Konsol' menüsünü seçen bir kullanıcı arayüzü açar. Hata, varsa konsol menüsünde görüntülenecektir.

Hata metnini almak için koda console.log () yazabilirsiniz, ayrıca debugger da yazabilirsiniz; kod satırı arasında, hata ayıklayıcı nedeniyle betik hata ayıklama modunda başlayacak, tarayıcıya F12'ye basmak kodu hata ayıklayacak konsolu açacak, F10'a basmak jQuery nesnelerinin değerlerini okuyacak ve bu şekilde jQuery kodunda hata ayıklayabiliriz .

S # 33) Bir sayfaya jQuery'yi dahil edebileceğimiz olası yolları açıklayın.

Cevap: Sıkıştırılmış üretim sürümü jquery-3.4.1.min.js'yi https://jquery.com/download/ sitesinden indirebilir ve proje klasörünün altındaki lib klasörüne kaydedebilirsiniz.

ben) Aşağıdaki gibi project / lib / Scripts'deki yerel klasörden jquery'ye başvurabiliriz.

ii) Microsoft CDN gibi içerik dağıtım ağı sitelerinden aşağıdaki gibi başvurabiliriz.

S # 34) .each () yönteminin jQuery'deki işlevselliğini açıklayın.

Cevap: jQuery .each (), jQuery nesnesinde bulunan DOM öğesini yinelemek / listelemek için kullanılır.

Misal

var veg_list = { Onion, Capsicum, Sweet Potato, Cauliflower, Bitter Gourd, Brinjal }; $.each(veg_list, function (index, value) { console.log(value); }); // displays output as Onion Capsicum Sweet Potato, Cauliflower Bitter Gourd Brinjal

S # 35) jQuery'nin .prop () ve .attr () yöntemlerini birbirinden ayırın.

Cevap: .Prop () ve .attr () arasındaki fark aşağıdadır.

Misal:



jQuery kodu, aşağıda gösterildiği gibi bir görüntünün öznitelik değerlerini değiştiren attr () yöntemini içerir.



jQuery'nin .attr () yöntemi, görüntünün genişliği ve kenarlığı gibi öznitelikleri değiştirir.

$ (seçici) .attr (öğenin özniteliği, özniteliklerin değiştirildiği değer).

jQuery'deki .prop () yöntemi, işaretli, seçili veya devre dışı durumu gibi DOM özelliklerini döndürmek ve değiştirmek için kullanılır.

Pink


Onay kutusu olarak giriş türü için değer pembedir ve DOM özelliği işaretlidir,



jQuery kodu, bir öğenin display özelliğini değiştiren prop () yöntemini içerir.



.attr () yöntemi burada 'pembe' olan bir değer seçmemize yardımcı olurken .prop () yöntemi burada 'kontrol edilen' özelliği seçer.

S # 36) jQuery.noConflict'in işlevselliğini açıklayın.

Cevap: jQuery dışında çerçeveler kullanmamız gerektiğinde çakışmaları çözmek için jQuery'nin noConflict () yöntemi uygulanır.

Örneğin, Mootools, prototype, zepto, vb. gibi birçok JavaScript kitaplığı jQuery kodunda jQuery metninin yerine kullanılan $, bir işlev veya değişken adı kullanır ve bu gibi durumlarda .noConflict () yöntemi $ kullanımına izin verir kısayol tanımlayıcı, diğer komut dosyalarının kullanmasına izin vererek.

S # 37) jQuery'de width () ile css ('width') arasında ayrım yapın.

Cevap: JQuery'de bir elemanın genişliğini değiştirmek için iki farklı yöntem vardır. İlk yol .css (property) kullanmak, diğer yol ise .property () kullanmaktır.

Misal:

$(selector).css(property,value_change); $(selector).property(value_change);

Bu durumda genişlik olan .css'de (özellik), value_change, diyelim ki 300px'ye px eklememiz gerekir.

Bu durumda genişlik olan .property (değer_değişimi) kullanabiliriz ve piksel eklemeniz gerekmez, doğrudan değer eklemeniz gerekir.

S # 38) jQuery'de param () yöntemini nerede uygulayabiliriz?

Cevap: Dizi, düz nesne veya jquery nesnesini bir bayt akışı biçiminde görüntüleyebiliriz, böylece jQuery'de param () yöntemini kullanarak belleğe, dosyaya veya veritabanına depolanabilir.

S # 39) $ (this) ile bunu jQuery'de birbirinden ayırın.

Cevap: $ (this) bir jQuery nesnesidir, oysa bu bir JavaScript’in genel nesne başvurusudur, bunu kullanarak HTML belgesindeki DOM öğesine başvurabiliriz.

$ (this) üst nesneye başvurur, oysa bu, bir dizi durumunda geçerli yinelemeyi görüntüleyen .each () yöntemine sahip bir nesneyi temsil eden bir DOM öğesine başvurur.

S # 40) jQuery'de tanımlama bilgileri okuma, tanımlama bilgileri yazma ve tanımlama bilgilerini silme işlevlerini açıklayın.

Cevap: Web siteleri ziyaret edildiğinde, tanımlama bilgileri bilgisayardaki küçük metin dosyalarında saklanan kullanıcının adı gibi veri değerleridir. Çerezler, web sitelerini yeniden ziyaret ederken kullanıcının adının hatırlanmasına yardımcı olur. JavaScript ve jQuery, document.cookie özelliği ile tanımlama bilgileri oluşturur, okur ve siler.

S # 41) jQuery'de serialize () yönteminin kullanımı nedir?

Cevap: Form değerlerini serileştirir, böylece serileştirilmiş değerleri bir AJAX isteği yaparken URL sorgu dizesinde kullanılabilir.

jQuery'nin .serialize () yöntemi, HTML formunun girdi değerlerini dize biçiminde döndürür.

S # 42) jQuery'de val () yönteminin kullanımı nedir?

Cevap: .val () yöntemi, HTML öğesinin bir özniteliğinin değerini bulmaya yardımcı olur. Örneğin, giriş, seçim ve metin alanı gibi öğeleri oluşturur. Val () ayrıca, onay kutuları ve radyo düğmelerinin yanı sıra bir açılır listeden eşleşen tüm öğelerin değerini bulmak için de uygulanır.

Sözdizimi ile açıklanan örnek

// form elements such as dropdown with select tag and id mylst, the value of the selected option will have syntax as below $( 'select#mylst option:checked' ).val(); // form element such as a set of radio buttons with input type as radio and name rdobtn, the value can be retrieved $( 'input(type=radio)(name=rdobtn):checked' ).val();

S # 43) jQuery'de Yöntem Zincirleme nedir? Ne gibi avantajlar sunuyor?

Cevap: JQuery yöntemi zincirleme ile, tüm yöntemler başka bir yöntemi çağırmak için kullanılabilen jQuery nesnelerini döndürdüğünden, tek bir kod satırına birden çok eylem uygulanabilir.

Zincirleme olmadan, jQuery yöntemleri ayrı bir satırda birbiri ardına çağrılırken, zincirleme ile jQuery yöntemleri noktayla ayrılmış tek satır kodla yazılır.

karma tablo c ++ uygulama

Yazılması gereken birden fazla kod satırı zincirleme olmadan, jQuery tüm DOM eşleşen öğe için arama yapar, ardından her kod satırında tek yöntemler uygulanır. Halbuki Zincirleme, daha iyi performans sağlayarak DOM'dan eşleşen bir öğenin yalnızca bir kerelik seçilmesine ihtiyaç duyar.

S # 44) jQuery.get () ve jQuery.ajax () arasındaki fark nedir?

Cevap: jQuery.ajax () yöntemi HTTP Ajax isteklerini göndermek için kullanılırken, jQuery.get () yöntemi sunucudan veri yüklemek için HTTP GET istekleri göndermek için kullanılır.

S # 45) QUnit nedir?

Cevap: QUnit, jQuery, jQuery UI ve jQuery Mobile için yazılmış JavaScript kodunu test eden, beklenen sonuçları doğrulamak için iddiaları ve test fikstürlerini kullanan bir çerçevedir.

S # 46) jQuery, bir öğeyle ilgili verileri nasıl depolar?

Cevap: jQuery.data () yöntemi, bellek sızıntıları olmadan her tür verinin DOM öğelerine eklenmesine yardımcı olur. jQuery, jQuery yöntemleriyle kaldırılan DOM öğeleriyle birlikte verilerin de kaldırılmasını sağlar.

Bir öğeyle ilgili verileri saklama ve geri alma kodu.

$('#myDiv').data('keyName', { foo : 'bar'}); $('#myDiv').data('keyName'); // { foo : 'bar'}

S # 47) Normal ifadelerle bir sorgu dizesi çıkarmanın çeşitli prosedürlerini açıklayabilir misiniz?

Cevap: Aşağıdaki iki yolla düzenli ifadeli bir sorgu dizesi çıkarmayı başarabiliriz.

1. Dize tabanlı yaklaşım: Bu yöntem, .replace () yöntemini kullanarak eşdeğer normal ifadeyi karşılaştırarak String türetmeye yardımcı olur.
2. Düzenli ifade yaklaşımı: JavaScript'teki dizelerle karşılaştırılan bir sorgu dizesini ve kalıbını çıkarmak için en güçlü yöntem kullanılmalıdır. Kalıplarla karşılaştırmak için .exec () ve .test () yöntemlerini kullanma. match (), matchAll (), replace (), search () ve split (), String için diğer birkaç yöntemdir.

S # 48) jQuery'de bitiş yöntemi kavramını açıklayın.

Cevap: Sıraya alınmış tüm animasyonları durdurmak ve son durumlarına yerleştirmelerine yardımcı olmak için .finish () yöntemi kullanılır.

S # 49) Durdurma (doğru, doğru) ve bitiş yöntemini çağırma arasında ayrım yapın.

Cevap: .finish () yöntemi kuyruğun temizlenmesine yardımcı olur ve animasyonların son durumlarına girmesine yardımcı olurken .stop () yöntemi, o anda çalışan animasyonu anında durmaya zorlayarak bir öğede çağrılır.

S # 50) jQuery kullanarak tarayıcıya özel bir kodu nasıl yazabilirsiniz?

Cevap: Aşağıda yazılı kod olarak Internet Explorer, Chrome, Firefox, Safari ve Opera'daki tarayıcıyı tanımlamak için navigator.userAgent'ı kullanarak jQuery'de tarayıcıya özel kod yazabiliriz.

if (navigator.userAgent.search('MSIE') >= 0) { // JQuery Code once navigator.userAgent identifies Microsoft Internet Explorer browser. } else if (navigator.userAgent.search('Chrome') >= 0) { // JQuery Code once navigator.userAgent identifies Google Chrome browser. } else if (navigator.userAgent.search('Firefox') >= 0) { // JQuery Code once navigator.userAgent identifies Mozilla Firefox browser. } else if (navigator.userAgent.search('Safari') >= 0 && navigator.userAgent.search('Chrome') <0) { // JQuery Code once navigator.userAgent identifies either Safari or Chrome browser type. } else if (navigator.userAgent.search('Opera')>= 0) { // JQuery Code once navigator.userAgent identifies Opera browser. }

S # 51) jQuery'deki herhangi bir değişkenin veri türünü kontrol etme prosedürü nedir?

Cevap: jQuery işlev türü (), bir dizi, dize, sayı, işlev veya nesne veri türü gibi herhangi bir değişkenin veri türünü tanımlamak için kullanılır.

Sonuç

jQuery, tarayıcı olaylarını yönetmek için DOM ve Ajax animasyonları oluşturan HTML belgesi geçişinde ve Tarayıcılar arası JavaScript geliştirmede kullanılan bir belge nesnesi modeli işleme JavaScript kitaplığıdır.

Umarım 'jQuery' de en sık sorulan mülakat sorularının yanıtlarını çok yardımcı bulmuşsunuzdur. Mümkün olduğunca çok soru alıştırma yapın ve kendinizden emin olun.

Röportajınız için en iyisi !!

Önerilen Kaynaklar

• Mülakat Soruları ve Cevapları
• ETL Test Mülakat Soruları ve Cevapları
• En İyi 50 Salesforce Röportaj Soruları ve Cevapları (2021'de Güncellendi)
• Bazı Zor Manuel Test Soruları ve Cevapları
• En Popüler 50 CCNA Mülakat Soruları ve Cevapları
• En İyi 51 Bootstrap Röportaj Soruları ve Cevapları
• En İyi 50 Veritabanı Mülakat Soruları ve Cevapları
• 25 En İyi Çevik Test Mülakat Soruları ve Cevapları