Seçili elementin öncesi girilen içeriği yeni bir nesne olarak ekler. .insertAfter’dan farklıdır. .insertAfter’da direk fonksiyon içine öncesine eklenecek hedef belirlenebiliyor.
$("a").click(function(){
$("span").after("<p>Hoşgeldiniz</p>")
;});
.after(content [,content]):
.after(function):
Belirtilen elemente class(lar) eklemek için kullanılır.
$("a").click(function(){ $("span").addClass("font");});
.addClass(classİSmi):
.addClass(fuction):
Seçili elemente ve kendinden bir öncekine jquery nesnesi oluşturmayı sağlar.
$( "li.w3tr" ).nextAll().addBack().css( "background-color", "yellow" );
.addClass(classİSmi):
.addClass(fuction):
Seçili elemente yeni bir jquery nesnesi oluşturmayı sağlar. Böylelikle ekleyeceğiniz nesneyi boyutlayabilir veya farklı özellikler verebilirsiniz.
$("h3").add("span").css("background-color", "yellow");
.add(selector):
.add(elements):
.add(html):
.add(selection):
.add(selector, context):
Ziyaret edilen tüm “a” elementlerini seçer.
Versiyon: CSS1
a:visited {
color: red;
}
| 4.0 | 2.0 | 7.0 | 3.1 | 9.6 |
Geçerli değere sahip tüm “input” elementlerini seçer.
Versiyon: CSS3
input:valid {
background-color: red;
}
| 10.0 | 4.0 | 10.0 | 5.0 | 10.0 |
“target” niteliği taşıyan bağlantıları seçer.
Versiyon: CSS3
:target {
border: 5px solid red;
background:white;
}
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
Kullanıcı tarafından seçilen elementi seçer.
Versiyon: CSS3
::-moz-selection { /* firefox için */
color: yellow;
background: blue;
}
::selection {
color: yellow;
background: blue;
}
| 4.0 | 2.0 -moz- | 9.0 | 3.1 | 9.6 |
Belgenin kök öğesini seçer.
Versiyon: CSS3
:root {
background: blue;
color:white;
}
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |
required niteliğini taşıyan “input” elementlerini seçer.
Versiyon: CSS3
input:required {
display:block;
margin-bottom: 10px;
background-color: red;
}
| 10.0 | 4.0 | 10.0 | 5.0 | 10.0 |