:visible Seçicisi;
Görünür bütün elementleri seçmek için kullanılır.
Örnek
1 |
$("p:visible").css("background-color", "red"); |
Codepen Ön izleme
Kullanım şekilleri;
$(“:visible”)
Görünür bütün elementleri seçmek için kullanılır.
1 |
$("p:visible").css("background-color", "red"); |
$(“:visible”)
type = text tipi giriş elementlerini seçmek için kullanılır.
1 |
$(":text").css("background-color", "blue"); |
$(“:text”)
type=submit tipi button ve giriş elementlerini seçmek için kullanılır.
1 |
$(":submit").css("background-color", "blue"); |
$(“:submit”)
Önceden seçilmiş olan elementleri seçmek için kullanılır.
1 |
$(":selected").css("background-color", "blue"); |
$(“:selected”)
Belgenin kök elementini seçmek için kullanılır.
1 |
$(":root").css("background-color", "red"); |
$(“:root”)
type=reset giriş elementlerini seçmek için kullanılır.
1 |
$(":reset").css("background-color", "blue"); |
$(“:reset”)
type=radio giriş elementlerini seçmek için kullanılır.
1 |
$(":radio").wrap("<span style='background-color:blue'>"); |
$(“:radio”)
type=password giriş elementleri seçmek için kullanılır.
1 |
$(":password").css("background-color", "blue"); |
$(“:password”)
En az bir çocuğa sahip (element veya metin) unsurlarını seçmek için kullanılır.
1 |
$("li:parent").css("background-color", "red"); |
$(“:parent”)
Türünün tek çocuğu olan her elementi seçmek için kullanılır.
1 |
$("li:only-of-type").css("background-color", "red"); |
$(“:only-of-type”)