jQuery addClass() Yöntemi

addClass() Yöntemi;

Belirtilen elemente class(lar) eklemek için kullanılır.

Örnek

$("a").click(function(){ $("span").addClass("font");});

Codepen Ön izleme

Kullanım şekilleri;

.addClass(classİSmi):

.addClass(fuction):

Posted on by Samed GÖZÜTOK 0

jQuery .addBack() Yöntemi

.addBack() Yöntemi;

Seçili elemente ve kendinden bir öncekine jquery nesnesi oluşturmayı sağlar.

Örnek

$( "li.w3tr" ).nextAll().addBack().css( "background-color", "yellow" );

Codepen Ön izleme

Kullanımilleri;

.addClass(classİSmi):
.addClass(fuction):

Posted on by Samed GÖZÜTOK 0

jQuery add() Yöntemi

add() Yöntemi ;

Seçili elemente yeni bir jquery nesnesi oluşturmayı sağlar. Böylelikle ekleyeceğiniz nesneyi boyutlayabilir veya farklı özellikler verebilirsiniz.

Örnek

 $("h3").add("span").css("background-color", "yellow");

Codepen Ön izleme

Kullanımı şekilleri

.add(selector):

.add(elements):

.add(html):

.add(selection):

.add(selector, context):

Posted on by Samed GÖZÜTOK 0

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
Posted on by Samed GÖZÜTOK 0

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
Posted on by Samed GÖZÜTOK 0

CSS3 :target Seçicisi

:target Seçicisi

“target” niteliği taşıyan bağlantıları seçer.

Versiyon: CSS3

Örnek

:target {
    border: 5px solid red;
    background:white;
}

Codepen Ön izleme

 

 

Tarayıcı Desteği
4.0 3.5 9.0 3.2 9.6
Posted on by Samed GÖZÜTOK 0

CSS3 ::selection Seçicisi

::selection Seçicisi

Kullanıcı tarafından seçilen elementi seçer.

Versiyon: CSS3

Örnek

::-moz-selection { /* firefox için */
    color: yellow;
    background: blue;
}

::selection {
    color: yellow;
    background: blue;
}

Codepen Ön izleme

Tarayıcı Desteği
4.0 2.0 -moz- 9.0 3.1 9.6
Posted on by Samed GÖZÜTOK 0

CSS3 :root Seçicisi

:root Seçicisi

Belgenin kök öğesini seçer.

Versiyon: CSS3

Örnek

:root {
  background: blue;
  color:white;
}

Codepen Ön izleme

Tarayıcı Desteği
4.0 3.5 9.0 3.2 9.6
Posted on by Samed GÖZÜTOK 0

CSS3 :required Seçicisi

:required Seçicisi

required niteliğini taşıyan “input” elementlerini seçer.

Versiyon: CSS3

Örnek

input:required {
    display:block;
    margin-bottom: 10px;
    background-color: red;
}

Codepen Ön izleme

Tarayıcı Desteği
10.0 4.0 10.0 5.0 10.0
Posted on by Samed GÖZÜTOK 0

CSS3 :read-write Seçicisi

:read-write Seçicisi

Sadece yazılabilir ve okunabilir “input” elementlerini seçer.

Versiyon: CSS3

Örnek

input:-moz-read-write { /* firefox için */
    background-color: red;
    display: block;
}

input:read-write {
    background-color: red;
    display: block;
}

Codepen Ön izleme

Tarayıcı Desteği
Evet -moz- desteklenmiyor. Evet Evet
Posted on by Samed GÖZÜTOK 0