even selector in jQuery with example

  1. even selector selects all the elements at even position in the page. 
  2. The even selector can be used to apply CSS to even tr's of a table.

Example :

    <title>even Selector</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>
    <script type="text/javascript">
    <p>This is first paragraph element.</p>
    <p>This is Second paragraph element.</p>
    <p>This is Thire paragraph element.</p>
    <p>This is fourth paragraph element.</p>
    <p>This is five paragraph element.</p>
    <button id="myButton">Click Me</button>
    <button onclick="location.reload()">Reset</button>

Demo :

In the above example, we have used even selector. Even selector selects all the elements at even place in the page. In above example, it selects all the p elements at even position and applies CSS to all of them.


Post a Comment