jQuery – Sıralamalı Seçiciler

by Serdar Yılmaz

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>jQuery - Sıralamalı Seçiciler | Serdar YILMAZ</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
      $(document).ready(function() {
        // div ile aynı seviyedeki ilk small etiketindeki yazı sağa yatık hale getirildi.
        $('div+small').css('font-style', 'italic');
        // body etiketinin torunu olan h1 etiketi kırmızı yapıldı.
        $('body h1').css('color', 'red');
        // ul etiketi içerisindeki bütün li etiketleri alt çizili hale getirildi.
        $('ul>li').css('text-decoration', 'underline');
      });
    </script>
  </head>
  <body>
    <div>
      <h1>jQuery Dersleri</h1>

      <ul>
        <li>jQuery Nedir ?</li>
        <li>jQuery Kütüphanesinin Sayfaya Eklenmesi</li>
        <li>jQuery Yazım Kuralları</li>
        <li>Fonksiyonların Yazım Şekli ve Kullanımı</li>
      </ul>
    </div>

    <small> Kaynak: Srdrylmz.com </small>
    <br/>
    <small> 
      <a href='http://www.srdrylmz.com/jquery-dokuman/'>Tüm İçerikleri Görüntülemek İçin Tıklayınız...</a> 
    </small>
  </body>
</html>