jQuery :animated Seçicisi

:animated Seçicisi;

Animasyon halindeki elemente farklı özellikler katmak için kullanılır.

Örnek

function w3tr(){
  $("div").animate({height: "300"}, 2000);
  $("div").animate({height: "150"}, 2000, w3tr);
}
w3tr();
$("a").click(function(){
   $(":animated").css("background-color", "blue");
});

Codepen Ön izleme

Kullanım şekilleri;

$(‘:animated’)

jQuery * Seçicisi

* Seçicisi;

Tek başına kullanıldığı zaman bütün elementleri seçer. Bir başka seçici ile kullanıldığında ise o element içerisindeki bütün elementleri seçer.

Not: Tek başına kullanılması durumunda son derece yavaştır.

Örnek

$("*").css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

(“*”);

CSS :visited Seçicisi

:visited Seçicisi

Ziyaret edilen tüm “a” elementlerini seçer.

Versiyon: CSS1

Örnek

a:visited { 
    color: red;
}

Codepen Ön izleme

 

Tarayıcı Desteği

4.0 2.0 7.0 3.1 9.6

CSS3 :valid Seçicisi

:valid Seçicisi

Geçerli değere sahip tüm “input” elementlerini seçer.

Versiyon: CSS3

Örnek

input:valid { 
    background-color: red;
}

Codepen Ön izleme

 

Tarayıcı Desteği

10.0 4.0 10.0 5.0 10.0

CSS * Seçicisi

* Seçicisi

Tüm elementleri seçer.

VERSİYON: CSS2

Örnek

* {
  background: blue;
}

Codepen Ön izleme

Tarayıcı Desteği

EVET EVET EVET EVET EVET