Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • Method eq() in jquery

    @ajay.sisaudiya
    Recommendations Offline Message

    • 0
    • 1
    • 0
    • 0
    • 0
    • 0
    • 1
    • 0
    • 371
    Comment on it

    Description:
    The eq ( index ) method reduces the set of matched elements to a single element or we can say that find the element that matches or equals the index provided.

    Syntax:
    Here is the simple syntax to use this method:

    1. selector.eq ( index )

    Parameters:
    index: This is the position of the element in the set of matched elements, starting at 0 and going to length 1,2,3...or -1,-2,-3....

    Note:
    In mathematice we studied the set of integers (....-3,-2,-1,0,1,2,3....) in it there are positive and negative integers including 0. When we make index on many div (s) and li (s) we should understand integers.we can take positive integer like 0,1,2,3... and negative integers like -1,-2,-3...

    Example:
    Following is a simple example which adds the color to fouth list item. We index on li of number 4 will be yellow in color. So we take index eq(3) because integers starts for 0,1,2,3,4.It means the 4th element will be coloured in yellow. or Method reduces three elements (0,1,2,3) and 4th element is coloured.

    HTML:-

    1.  <!DOCTYPE html>
    2.    <html>
    3.    <head><title></title>
    4.    <link href="style.css" type="text/css" rel="stylesheet" />
    5.    <script type="text/javascript" 
    6.                src="/jquery/jquery-1.3.2.min.js"></script>
    7.    <script type="text/javascript" language="javascript">
    8.    <script>
    9.      $(document).ready(function(){       
    10.          $( "body" ).find( "div" ).eq( 3 ).addClass( "yellow" );       
    11.      });    
    12.    </script> 
    13.  
    14.     </head>
    15.     <body>    
    16.     <div>0</div>
    17.     <div>1</div>
    18.     <div>2</div>
    19.     <div>3</div>
    20.     <div>4</div>
    21.     <div>5</div>
    22.     <div>6</div>
    23.     <div>7</div>
    24.     <div>8</div>
    25.     <div>9</div>
    26.     <div>10</div>
    27.     </body>
    28.     </html>

    CSS:-

    1.   *{
    2.     padding:0px;
    3.     margin:0px;
    4.     }
    5.     .body{
    6.         font:14px/1 arial,helvetica,sans-serif;
    7.     }
    8.      div {
    9.     width: 20px;
    10.     height: 20px;
    11.     margin: 10px;
    12.     float: left;
    13.     padding:10px;
    14.     border-radius:50%;
    15.     border: 3px solid red;
    16.     }
    17.     .yellow {
    18.     background: yellow;
    19.     }
    Method eq() in jquery
    html HTML5 css JQuery
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: