jQuery Geçişi


Geçiş nedir?

"Geçiş" anlamına gelen jQuery çapraz geçişi, HTML öğelerini diğer öğelerle olan ilişkilerine göre "bulmak" (veya seçmek) için kullanılır. Tek bir seçimle başlayın ve istediğiniz öğelere ulaşana kadar bu seçimde ilerleyin.

Aşağıdaki resim, bir HTML sayfasını bir ağaç (DOM ağacı) olarak göstermektedir. jQuery traversing ile, seçilen (geçerli) öğeden başlayarak ağaçta kolayca yukarı (atalar), aşağı (torunlar) ve yana doğru (kardeşler) hareket edebilirsiniz. Bu harekete DOM ağacını çaprazlama - veya içinden geçme - denir.

jQuery Boyutları

İllüstrasyon açıkladı:

  • <div> öğesi, <ul> öğesinin ebeveynidir ve içindeki her şeyin atasıdır .
  • <ul> öğesi, hem <li> öğelerinin ebeveyni hem de <div> öğesinin alt öğesidir.
  • Soldaki <li> öğesi, <span> öğesinin ebeveyni , <ul> öğesinin alt öğesi ve < div> öğesinin soyundan gelen öğedir.
  • <span> öğesi, soldaki <li > öğesinin alt öğesidir ve <ul> ile <div> öğesinin soyundan gelir.
  • İki <li> öğesi kardeştir (aynı ebeveyni paylaşırlar)
  • Sağdaki <li> öğesi, <b> öğesinin ebeveyni , <ul> öğesinin alt öğesi ve < div> öğesinin soyundan gelen öğedir.
  • <b> öğesi, sağ <li > öğesinin alt öğesidir ve <ul> ile <div> öğesinin soyundan gelir.

Ata, ebeveyn, büyükanne ve büyükbaba, büyük büyükanne ve büyükbaba vb.
Torun, bir çocuk, torun, büyük torun vb.
Kardeşler aynı ebeveyni paylaşır.


DOM'da gezinme

jQuery, DOM'yi geçmemize izin veren çeşitli yöntemler sunar.

Geçiş yöntemlerinin en büyük kategorisi ağaç geçişidir.

Sonraki bölümler bize DOM ağacında yukarı, aşağı ve yanlara nasıl gidileceğini gösterecek.


jQuery Geçiş Referansı

Tüm jQuery Traversing yöntemlerine tam bir genel bakış için lütfen jQuery Traversing Referansımıza gidin .