Merhaba Arkadaşlar
Bugun ki konumuzda .slice() fonksiyonun kullanımını inceliycez.
.slice() fonksiyonun en basit tanımı olarak iki adet indeks noktası arasındaki nesnelerini seçtiğini söylebiliriz.
Aşağıdaki örnek güzel bir örnek olduğu için jquery.com‘dan aldım ve biraz türkçeleştirdim.
HTML Kodlarımız
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<p> <button>Kutu Seçmek İçin Tıklayın</button> <span>Butona Tıkla !</span> </p> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> |
CSS Kodlarımız
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
div { width: 40px; height: 40px; margin: 10px; float: left; border: 2px solid blue; } span { color: red; font-weight: bold; } button { margin: 5px; } |
JS Kodlarımız
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
$( "button" ).click(function () { var $div = $( "div" ); var baslangic = Math.floor( Math.random() * $div.length ); var bitis = Math.floor( Math.random() * ( $div.length - baslangic ) ) + baslangic + 1; if ( bitis === $div.length ) { bitis = undefined; } $div.css( "background", "" ); if ( bitis ) { $div.slice( baslangic, bitis ).css( "background", "yellow" ); } else { $div.slice( baslangic ).css( "background", "yellow" ); } $( "span" ).text( "$( 'div' ).slice( " + baslangic + (bitis ? ", " + bitis : "") + ").css( 'background', 'yellow' );" ); }); |
See the Pen jQuery .slice() by Aycan BÜLBÜL (@AycanB) on CodePen.
Merhabalar, sitenizde kaliteli bilgiler mevcut, öncelikle bu bilgiler için teşekkürler. Sormak istediğim bir soru var. 1 sayfada birden fazla jquery tab kullanma yöntemi nedir? Yardımınız için şimdiden teşekkürler. İyi çalışmalar.
Merhaba, yakında güzel bir tab uygulaması yazacağız, oradan takip edebilirsiniz.
Bari jquery’nin sitesindekinden farklı bir örnek yapsaydınız. Birebir aynı bari sitenin ilgili sayfasını kaynak olarak gösterseydiniz..