title: understanding "slice" in console in Jquery/javascript
body: <p>i am deconstructing a carasoul plugin called Unslider.js , and i have a difficulty understanding a little peice of code , so here i am on stack overflow . </p>
  
  <p>My difficulty is understanding the below line : </p>
  
  <pre><code>target = li.eq(index);
  </code></pre>
  
  <p>lets analyse that , </p>
  
  <p><strong>target</strong> is a variable . </p>
  
  <p><strong>li</strong> is an object , actually let me clarify what li is , previously in the code using the find() method in Jquery which returns a set of child elements so basically li is a set of <code>&lt;li&gt;</code> elements . </p>
  
  <p>next , <strong>eq</strong> is often used to filter element further . </p>
  
  <p><strong>index</strong> is ofcourse the current element (i am not sure about this interpretation though) . </p>
  
  <p>so basically i understand the below line : </p>
  
  <pre><code>        target = li.eq(index);
  </code></pre>
  
  <p>target is the current li element, am i right , i think so . </p>
  
  <p>well lets move on to what my real difficulty is , when i console.log(target) , i get the following results : </p>
  
  <pre><code>"taget is" unslider.js:285
  Object { length: 0, prevObject: Object, context: &lt;div.banner&gt;, selector: "&gt;ul &gt;li.slice(3,4)" } unslider.js:286
  "taget is" unslider.js:285
  Object { 0: &lt;li&gt;, length: 1, prevObject: Object, context: &lt;div.banner&gt;, selector: "&gt;ul &gt;li.slice(1,2)" } unslider.js:286
  "taget is" unslider.js:285
  Object { 0: &lt;li&gt;, length: 1, prevObject: Object, context: &lt;div.banner&gt;, selector: "&gt;ul &gt;li.slice(2,3)" } unslider.js:286
  "taget is" unslider.js:285
  Object { length: 0, prevObject: Object, context: &lt;div.banner&gt;, selector: "&gt;ul &gt;li.slice(3,4)" } unslider.js:286
  "taget is" unslider.js:285
  Object { 0: &lt;li&gt;, length: 1, prevObject: Object, context: &lt;div.banner&gt;, selector: "&gt;ul &gt;li.slice(1,2)" } unslider.js:286
  "taget is" unslider.js:285
  Object { 0: &lt;li&gt;, length: 1, prevObject: Object, context: &lt;div.banner&gt;, selector: "&gt;ul &gt;li.slice(2,3)" } unslider.js:286
  "taget is" unslider.js:285
  Object { length: 0, prevObject: Object, context: &lt;div.banner&gt;, selector: "&gt;ul &gt;li.slice(3,4)" } unslider.js:286
  "taget is" unslider.js:285
  Object { 0: &lt;li&gt;, length: 1, prevObject: Object, context: &lt;div.banner&gt;, selector: "&gt;ul &gt;li.slice(1,2)" } unslider.js:286
  "taget is" unslider.js:285
  Object { 0: &lt;li&gt;, length: 1, prevObject: Object, context: &lt;div.banner&gt;, selector: "&gt;ul &gt;li.slice(2,3)" } unslider.js:286
  "taget is" unslider.js:285
  Object { length: 0, prevObject: Object, context: &lt;div.banner&gt;, selector: "&gt;ul &gt;li.slice(3,4)" } unslider.js:286
  "taget is" unslider.js:285
  Object { 0: &lt;li&gt;, length: 1, prevObject: Object, context: &lt;div.banner&gt;, selector: "&gt;ul &gt;li.slice(1,2)" }
  </code></pre>
  
  <p>now what does this line mean .. </p>
  
  <pre><code>selector: "&gt;ul &gt;li.slice(3,4)", 
  </code></pre>
  
  <p>i mean the <code>slice(3,4)</code> part and that part keeps changing with different values !! it would be great if somebody could come along and explain what that is . </p>
  
  <p>Thank you. </p>
  
  <p>Alexander. </p>