navigation
JQuery

How to apply font color to the 4th list item using JQuery?

| | Css , Html , JQuery
In this article I will explain how to apply css style using Jquery. This is very simple to apply any css property using JQuery method css.   
<!DOCTYPE html>


    <html>

    <head>

        <title>New document</title>

        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

        <script type="text/javascript" language="javascript">

           $(document).ready(function () {

               $("li").eq(3).css("color", "blue");

            });

        </script>

    </head>

    <body>

        <div>

            <ul>

                <li>list 1</li>

                <li>list 2</li>

                <li>list 3</li>

                <li>list 4</li>

                <li>list 5</li>

            </ul>

        </div>

    </body>

   </html>

Output:

  • list 1
  • list 2
  • list 3
  • list 4
  • list 5