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");

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”)

Posted on 23 Mart 2016 by Samed GÖZÜTOK 0

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");

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”)

Posted on 23 Mart 2016 by Samed GÖZÜTOK 0

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");

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”)

Posted on 23 Mart 2016 by Samed GÖZÜTOK 0

jQuery :root Seçicisi

:root Seçicisi;

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

Örnek

$(":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”)

Posted on 23 Mart 2016 by Samed GÖZÜTOK 0

jQuery :reset Seçicisi

:reset Seçicisi;

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

Örnek

$(":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”)

Posted on 23 Mart 2016 by Samed GÖZÜTOK 0

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'>");

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”)

Posted on 23 Mart 2016 by Samed GÖZÜTOK 0

jQuery :password Seçicisi

:password Seçicisi;

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

Örnek

$(":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”)

Posted on 23 Mart 2016 by Samed GÖZÜTOK 0

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");

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”)

Posted on 23 Mart 2016 by Samed GÖZÜTOK 0

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");

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”)

Posted on 23 Mart 2016 by Samed GÖZÜTOK 0

jQuery :only-child Seçicisi

:only-child Seçicisi;

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

Örnek

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

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/EKmWJY/">jQuery :only-child 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-child”)

Posted on 23 Mart 2016 by Samed GÖZÜTOK 0

HTML, CSS

:text Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:submit Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:selected Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:root Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:reset Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:radio Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:password Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:parent Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:only-of-type Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:only-child Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;