T Seçici (Selector)

T seçici ile elementler üzerinde işlemler yapabilirsiniz. Sayfada bulunan elementleri "T" seçici ile bulabilirsiniz.

T('header');

Sınıf ekleme işlemini gerçekleştirir.

/* Tek Sınıf Ekleme */
T('header').addClass('bg-primary');

/* Çoklu Sınıf Ekleme */
T('header').addClass('bg-primary text-white');

Sınıf silme işlemi gerçekleştirir.

/* Tek Sınıf Silme */
T('header').removeClass('bg-primary');

/* Çoklu Sınıf Silme */
T('header').removeClass('bg-primary text-white');

Sınıf ekle ya da sil. Bu özellik elemente eklemek istediğiniz sınıf var ise siler yok ise ekleme işlemini gerçekleştirir.

/* Tek Sınıf Ekle/Sil */
T('header').toggleClass('bg-primary');

/* Çoklu Sınıf Ekle/Sil */
T('header').toggleClass('bg-primary text-white');

Elementlerde aradığınız sınıfın varlığını kontrol eder. true/false sonuç döner.

T('header').hasClass('bg-primary');

Tarayıcının mobil olup olmadığını döner

T.isMobile();

Element index (sıra) değerini döner. index değeri 0'dan başlar. Örneğin birinci sırada ise aradığınız element, sonuç 0 dönecektir.

T('header').index();

DOM yüklendikten sonra kodların çalışmasını sağlar

T.ready(function(){
    
})

Seçiciler arasında foreach döngüsü sağlar

T.each(T(`div`),(i, el)=>{
    console.log(i, el);
});

Elementlere olay tanımlamaları yapmanızı sağlar.

T('a').on(eventName, handler)

JavaScript - Function

T('a').on('click', function(e) {
    //code here
})

JavaScript - Arrow Function

T('a').on('click', e => {
    //code here
})

Elementlere tanımlanmış olayları iptal etmenizi sağlar.

T('a').off(eventName, handler)

JavaScript - Function

T('a').off('click', function(e) {
    //code here
})

JavaScript - Arrow Function

T('a').off('click', e => {
    //code here
})

Elementlere bir kere tetiklenecek olay tanımlamaları yapmanızı sağlar.

T('a').one(eventName, handler)

JavaScript - Function

T('a').one('click', function(e) {
    //code here
})

JavaScript - Arrow Function

T('a').one('click', e => {
    //code here
})

Elemente daha önceden tanımlanmış bir olayı tetiklemek için kullanılır.

T('a').trigger(eventName) // Olay adını değer olarak alır.

T('a').trigger('click');

Elementin html içeriğini değiştirmenizi sağlar.

T('a').html(`<span>Test html içerik</span>`);

Elementin metin içeriğini değiştirmenizi sağlar.

T('a').text('Test html içerik');

Elementlere yükseklik değeri vermek için ya da elementlerin yükseklik değerini bulmak için kullanılır.

T('element').height(400); // Elementin yükseklik değeri 400px yapıldı.

T('element').height(); // Elementin yükseklik değeri cevap olarak dönüldü.

Gizli elementleri görünür yapmak için kullanılır.

T('div').show();

Görünür elementleri gizlemek için kullanılır.

T('div').hide();