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

  <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

div {
    width: 40px;
    height: 40px;
    margin: 10px;
    float: left;
    border: 2px solid blue;
  }
  span {
    color: red;
    font-weight: bold;
  }
  button {
    margin: 5px;
  }

JS

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

Ön izleme Codepen -> http://codepen.io/AycanB/pen/emZvzX
Kaynak -> jQuery .slice() nedir ? nasıl kullanılır ?