Skip to main content

T Seçici (Selector)

T seçici ile elementler üzerinde işlemler yapabilirsiniz. Sayfada bulunan elementleri "T" seçici ile bulabilirsiniz.
T('header');

.addClass()#

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');

.removeClass()#

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');

.toggleClass()#

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');

.hasClass()#

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

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

.isMobile()#

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

T.isMobile();

.index()#

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();

T.ready#

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

T.ready(function(){
})

T.each#

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

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

.on()#

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
})

.off()#

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
})

.one()#

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
})

.trigger()#

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');

.html()#

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

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

.text()#

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

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

.height()#

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ü.

.show()#

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

T('div').show();

.hide()#

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

T('div').hide();
Edit this page