0Pricing
jQuery Academy · Ders

.not() ile Öğeleri Hariç Tutma

Belirli öğeleri eşleşen kümeden kesin biçimde hariç tutmak, seçimlerinizi iyileştirmek ve bazı öğelerde istenmeyen işlemleri önlemek için .not() yönteminde ustalaşın.

.not() ile Öğeleri Hariç Tutma, CoddyKit'te ücretsiz bir jQuery Academy dersidir. Bu, 3 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, jQuery Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. jQuery Academy kursu toplamda 3 dersten oluşur.

.not() Yöntemine Giriş

Hoş geldiniz! Bu derste jQuery'nin güçlü .not() yönteminde ustalaşacağız. Bu yöntem, öğe seçimlerinizi hassaslaştırmak için gereklidir.

.not() yöntemi, eşleşen öğeler kümesinden belirli öğeleri hariç tutmanıza olanak tanır ve işlemlerinizin hangi öğeleri etkileyeceği üzerinde kesin denetim sağlar.

Seçici Dizesine Göre Hariç Tutma

.not() kullanmanın en yaygın yolu, bir CSS seçici dizesi aktarmaktır. jQuery daha sonra geçerli seçimden bu yeni seçiciyle eşleşen öğeleri kaldırır.

  • Önce kapsamlı bir seçim yapın.
  • Ardından istenmeyen öğeleri filtrelemek için .not() kullanın.

Her şeyi seçip ardından kaldırılacak öğeleri belirtmek daha kolay olduğunda bu yöntem kullanışlıdır.

Bir Sınıf Seçiciyle .not()

Bu örneği deneyin. Önce tüm div öğelerini seçecek, ardından .not() kullanarak .special sınıfına sahip olanları hariç tutacağız. Yalnızca özel olmayan div öğeleri biçimlendirilecek.

<!DOCTYPE html>
<html>
<head>
<style>
  .red { color: red; }
</style>
</head>
<body>
  <div class="box">Item 1</div>
  <div class="box special">Item 2</div>
  <div class="box">Item 3</div>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script>
    $(document).ready(function(){
      // Select all .box divs, then exclude the one with .special
      $('.box').not('.special').addClass('red');
    });
  </script>
</body>
</html>

Belirli Öğeleri Hariç Tutma

Bir seçici dizesinin yanı sıra, bir DOM öğesini veya bir jQuery nesnesini de doğrudan .not() yöntemine aktarabilirsiniz.

Hariç tutmak istediğiniz tam öğeye (veya öğelere) zaten bir başvurunuz olduğunda bu yöntem kullanışlıdır.

Öğe Başvurusuyla .not()

Bu örnekte tüm liste öğelerini (<li>) seçiyoruz. Ardından kimliği (#item2) ile belirli bir öğeyi belirleyip biçimlendirme işlemimizden hariç tutmak için .not() kullanıyoruz.

<!DOCTYPE html>
<html>
<head>
<style>
  .bold { font-weight: bold; }
</style>
</head>
<body>
  <ul>
    <li>List Item 1</li>
    <li id="item2">List Item 2</li>
    <li>List Item 3</li>
  </ul>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script>
    $(document).ready(function(){
      // Select all <li>, then exclude the specific #item2
      $('li').not($('#item2')).addClass('bold');
    });
  </script>
</body>
</html>

Bir İşlevle Özel Hariç Tutma

Son derece dinamik veya karmaşık hariç tutma mantıkları için .not() yöntemine bir işlev aktarabilirsiniz.

  • İşlev, geçerli kümedeki her öğe için çalıştırılır.
  • İşlev true döndürürse ilgili öğe hariç tutulur.
  • this, işlenmekte olan geçerli DOM öğesini belirtir.

İşlevle .not() Örneği

Burada, 'exclude' sözcüğünü içerenler dışındaki tüm paragrafları biçimlendirmek istiyoruz. İşlev, her paragrafın metin içeriğini denetler.

<!DOCTYPE html>
<html>
<head>
<style>
  .italic { font-style: italic; }
</style>
</head>
<body>
  <p>This is a normal paragraph.</p>
  <p>This paragraph contains 'exclude'.</p>
  <p>Another normal paragraph here.</p>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script>
    $(document).ready(function(){
      $('p').not(function() {
        // Exclude paragraphs containing 'exclude'
        return $(this).text().includes('exclude');
      }).addClass('italic');
    });
  </script>
</body>
</html>

Hassasiyet İçin .not() Zincirleme

Son derece hassas seçimler oluşturmak için birden çok .not() çağrısını zincirleyebilir veya .not() yöntemini diğer filtreleme yöntemleriyle birleştirebilirsiniz.

Her .not() çağrısı geçerli öğe kümesini daha da hassaslaştırarak ilerledikçe daha fazla öğeyi kaldırır. Bunu, ihtiyacınız olmayan öğe katmanlarını soymak gibi düşünebilirsiniz.

.not() Ne Zaman Kullanılır?

.not() şu senaryolarda son derece kullanışlıdır:

  • Geniş bir başlangıç seçiminiz vardır ve birkaç belirli türü kaldırmak istersiniz.
  • Doğrudan başvurusuna zaten sahip olduğunuz bir öğeyi hariç tutmanız gerekir.
  • 'Bunlar dışındaki tümü' ifadesi kodunuzu daha açık ve okunabilir hâle getirir.

Bu yöntem, karmaşık olumsuz seçicileri baştan yazmadan odağınızı daraltmanın zarif bir yoludur.

Hızlı Kontrol: .not() Kullanımı

Aşağıdaki HTML'yi inceleyin. Kimliği "intro" olan dışındaki tüm <p> öğelerini doğru şekilde seçen jQuery kod parçacığı hangisidir?

<div>
  <p>Paragraph 1</p>
  <p id="intro">Introduction</p>
  <p>Paragraph 3</p>
</div>

Özet: .not() Yönteminde Ustalaşma

jQuery'nin .not() yönteminde başarıyla ustalaştınız!

Seçimleri şu temellere göre öğeleri hariç tutarak hassaslaştırmak için .not() yönteminin kritik olduğunu öğrendik:

  • Bir CSS seçici dizesi (örneğin .not('.hide'))
  • Belirli bir DOM öğesi veya jQuery nesnesi (örneğin .not(myElement))
  • Özel, dinamik hariç tutma mantığı için bir işlev.

jQuery seçimlerinizi daha hassas ve verimli hâle getirmek için pratik yapmayı sürdürün!

Sıkça Sorulan Sorular

“.not() ile Öğeleri Hariç Tutma” dersi ücretsiz mi?

Evet — “.not() ile Öğeleri Hariç Tutma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve jQuery Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. jQuery Academy kursu toplamda 3 dersten oluşur.

“.not() ile Öğeleri Hariç Tutma” dersinde ne öğreneceğim?

Belirli öğeleri eşleşen kümeden kesin biçimde hariç tutmak, seçimlerinizi iyileştirmek ve bazı öğelerde istenmeyen işlemleri önlemek için .not() yönteminde ustalaşın. jQuery Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

jQuery Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te jQuery Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 3 dersinin 3. dersidir.

“.not() ile Öğeleri Hariç Tutma” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu jQuery Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her jQuery Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. Özel Sözde Seçiciler Oluşturma
  2. .filter() ile Gelişmiş Filtreleme
  3. .not() ile Öğeleri Hariç Tutma
← jQuery Academy Sayfasına Dön