jQuery :contains() Seçicisi

:contains() Seçicisi;

: Contains() seçici belirtilen dizeyi içeren elementleri seçmek için kullanılır.

Not: Büyük,küçük harfe duyarlıdır.

Örnek

 

$("p:contains(W3TR)").css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

$(“:contains(text)”)

jQuery .class Seçicisi

.class Seçicisi;

Belirtilen class’ın tüm elementlerini seçmek için kullanılır.

Örnek

 

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

Codepen Ön izleme

Kullanımı şekilleri;

$(“.class“)

jQuery parent > child Seçicisi

parent > child Seçicisi;

Belirtilen elementin tüm çocuk elementlerini seçer.

Örnek

$("div > p").css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

(“parent > child“)

jQuery :checked Seçicisi

:checked Seçicisi;

checked seçici checked veya radio gibi onay kutularını seçmek için kullanılır.

Örnek

$(":checked").wrap("<span style='background-color:yellow'>");

Codepen Ön izleme

Kullanım şekilleri;

$(“:checked”)

jQuery :checkbox Seçicisi

:checkbox Seçicisi;

checkbox seçicisi type=checkbox elementlerini seçmek için kullanılır.

Örnek

$(":checkbox").wrap("<span style='background-color:yellow'>");

Codepen Ön izleme

Kullanım şekilleri;

$(“:checkbox”)

jQuery :button Seçicisi

:button Seçicisi;

Button elementlerini ve type = button ile giriş elementlerini seçmek için kullanılır.

Örnek

$(":button").css("font-size", "30px");

Codepen Ön izleme

Kullanım şekilleri;

jQuery( “:button” )

jQuery [attribute*=value] Seçicisi

[attribute*=value] Seçicisi;

Belirli bir dizeyle başlayan bir değere sahip,belirli bir niteliğe sahip elementleri seçmek için kullanılır.

Örnek

$("p[title*='w3tr']").css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

[attribute*=‘value’]

jQuery [attribute~=value] Seçicisi

[attribute~=value] Seçicisi

Belirli bir dizeyle başlayan bir değere sahip,belirli bir niteliğe sahip elementleri seçmek için kullanılır.

İpucu: Dize boşluk içerebilir.

Örnek

$("p[title~='w3tr']").css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

[attribute~=’value’]

jQuery [attribute^=value] Seçicisi

[attribute^=value] Seçicisi;

Belirli bir dizeyle başlayan bir değere sahip,belirli bir niteliğe sahip elementleri seçmek için kullanılır.

Örnek

$("p[title^='w3tr']").css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

[attribute^=‘value’]

jQuery [attribute|=value] Seçicisi

[attribute|=value] Seçicisi;

Belirli bir bir dize veya başlangıç değerine sahip, belirli bir niteliği sahip elementleri seçmek için kullanılır.

İpucu: Bu seçici genellikle dil özelliklerini işlemek için kullanılır.

Örnek

$("p[title|='w3tr']").css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

[attribute|=‘value’]