jQuery [attribute!=value] Seçicisi

[attribute!=value] Seçicisi;

Belirtilen nitelik ve değere sahip olmayan her elementi seçmek için kullanılır.

Örnek

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

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/bpqaYa/">jQuery [attribute!=value] Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

[attribute!=’value’];

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

jQuery [attribute=value] Seçicisi

[attribute=value] Seçicisi;

Belirtilen öznitelik ve değere sahip her elementi seçmek için kullanılır.

Örnek

$("[class=w3tr]").css("background-color", "red");

Codepen Ön izleme

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

Kullanım şekilleri

[attribute=value];

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

jQuery [attribute] Seçicisi

[attribute] Seçicisi;

Belirtien niteliğe sahip tüm elementleri seçmek için kullanılır.

Örnek

$("[id]").css("background-color", "red");

Codepen Ön izleme

See the Pen <a href='http://codepen.io/w3tr/pen/WwpdRd/'>jQuery [attribute] Seçicisi</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

Kullanım şekilleri;

[attribute]

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

jQuery :animated Seçicisi

:animated Seçicisi;

Animasyon halindeki elemente farklı özellikler katmak için kullanılır.

Örnek

function w3tr(){
  $("div").animate({height: "300"}, 2000);
  $("div").animate({height: "150"}, 2000, w3tr);
}
w3tr();
$("a").click(function(){
   $(":animated").css("background-color", "blue");
});

Codepen Ön izleme

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

Kullanım şekilleri;

$(‘:animated’)

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

jQuery * Seçicisi

* Seçicisi;

Tek başına kullanıldığı zaman bütün elementleri seçer. Bir başka seçici ile kullanıldığında ise o element içerisindeki bütün elementleri seçer.

Not: Tek başına kullanılması durumunda son derece yavaştır.

Örnek

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

Codepen Ön izleme

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

Kullanım şekilleri;

(“*”);

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

jQuery wrapInner() Yöntemi

wrapInner() Yöntemi;

wrapInner() yöntemi Seçilen her elementin içeriğinin etrafını belirtilen HTML elementiyle sarar.

Örnek

$("a").click(function(){
  $("p").wrapInner("<strong></strong>");
});

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/jqBbyy/">jQuery wrapInner() Yöntemi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

.wrapInner( wrappingElement )

.wrapInner( function )

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

jQuery wrapAll() Yöntemi

wrapAll() Yöntemi;

wrap() yöntemi eşleşen bütün elementlerin etrafını belirtilen HTML elementiyle sarar.

Örnek

$("a").click(function(){
  $("p").wrapAll("<div></div>");
});

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/bpqVVV/">jQuery wrapAll() Yöntemi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

.wrapAll( wrappingElement )

.wrapAll( function )

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

jQuery wrap() Yöntemi

wrap() Yöntemi;

wrap() yöntemi Seçilen elementin etrafını belirtilen HTML elementiyle sarar.

Örnek

$("a").click(function(){
  $("p").wrap("<div></div>");
});

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/grmpNJ/">jQuery wrap() Yöntemi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

.wrap( wrappingElement )

.wrap( function )

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

jQuery width() Yöntemi

width() Yöntemi;

Eşleştiği elementin padding, margin, border değerleri dahil etmeksizin genişliğini saf olarak almanızı yada değiştirmenizi sağlar.

Örnek

$("a").click(function(){
  $("div").width(300);
});

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/wGJaEL/">jQuery width() Yöntemi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

.width()

.width( value )

.width( function )

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

jQuery val() Yöntemi

val() Yöntemi;

Eşleştiği elementin value değerini alabilirsiniz veya mevcut değeri değiştirebilirsiniz.

Örnek

$(".button").click(function(){
  $("input:submit").val("W3TR");
});

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/aNJOLW/">jQuery val() Yöntemi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

.val()

.val( value )

.val( function )

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

HTML, CSS

[attribute!=value] Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

[attribute=value] Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri

[attribute] Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:animated Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

* Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

wrapInner() Yöntemi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

wrapAll() Yöntemi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

wrap() Yöntemi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

width() Yöntemi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

val() Yöntemi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;