jquery | W3TR

jQuery :visible Seçicisi

:visible Seçicisi;

Görünür bütün elementleri seçmek için kullanılır.

Örnek

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

1	$("p:visible").css("background-color", "red");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/RaVgpv/">jQuery :visible Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:visible”)

jQuery :text Seçicisi

:text Seçicisi;

type = text tipi giriş elementlerini seçmek için kullanılır.

Örnek

$(":text").css("background-color", "blue");

1	$(":text").css("background-color", "blue");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/RaVgRq/">jQuery :text Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:text”)

jQuery :submit Seçicisi

:submit Seçicisi;

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

Örnek

$(":submit").css("background-color", "blue");

1	$(":submit").css("background-color", "blue");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/aNWwbw/">jQuery :submit Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:submit”)

jQuery :selected Seçicisi

:selected Seçicisi;

Önceden seçilmiş olan elementleri seçmek için kullanılır.

Örnek

$(":selected").css("background-color", "blue");

1	$(":selected").css("background-color", "blue");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/grWWyQ/">jQuery :selected Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:selected”)

jQuery :root Seçicisi

:root Seçicisi;

Belgenin kök elementini seçmek için kullanılır.

Örnek

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

1	$(":root").css("background-color", "red");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/WwjjgB/">jQuery :root Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:root”)

jQuery :reset Seçicisi

:reset Seçicisi;

type=reset giriş elementlerini seçmek için kullanılır.

Örnek

$(":reset").css("background-color", "blue");

1	$(":reset").css("background-color", "blue");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/MymmGW/">jQuery :reset Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:reset”)

jQuery :radio Seçicisi

:radio Seçicisi;

type=radio giriş elementlerini seçmek için kullanılır.

Örnek

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

1	$(":radio").wrap("<span style='background-color:blue'>");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/RaVVVj/">jQuery :radio Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:radio”)

jQuery :password Seçicisi

:password Seçicisi;

type=password giriş elementleri seçmek için kullanılır.

Örnek

$(":password").css("background-color", "blue");

1	$(":password").css("background-color", "blue");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/NNjjRO/">jQuery :password Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:password”)

jQuery :parent Seçicisi

:parent Seçicisi;

En az bir çocuğa sahip (element veya metin) unsurlarını seçmek için kullanılır.

Örnek

$("li:parent").css("background-color", "red");

1	$("li:parent").css("background-color", "red");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/qZmmOZ/">jQuery :parent Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:parent”)

jQuery :only-of-type Seçicisi

:only-of-type Seçicisi;

Türünün tek çocuğu olan her elementi seçmek için kullanılır.

Örnek

$("li:only-of-type").css("background-color", "red");

1	$("li:only-of-type").css("background-color", "red");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/GZmWVv/">jQuery :only-of-type Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:only-of-type”)