Some sample for Jquery

<head runat="server">

    <title></title>

    <script src="jquery-1.7.2.js" type="text/javascript"></script>

<script type="text/javascript" >

    $("document").ready(

function () {

    // $("p").css("border", "3px solid red");

    // $(".a").css("border", "3px solid red");

    // $("#para").css("border", "3px solid red");

    // $("p.a,li.b").css("border", "3px solid red");

    // $("ul li.a").css("border", "3px solid red");

    //$("#list1").css("border", "3px solid red");

    //  $("#list1 +p").css("border", "3px solid red");

    $("p").ev.css("border", "3px solid red");

}

)

</script>

<style type="text/css">

.a { color: Navy; }

.b { color: Maroon; }

</style>

</head>

<body>

    <ul id="list1">

        <li class="a">item 1</li>

        <li class="a">item 2</li>

        <li class="b">item 3</li>

        <li class="b">item 4</li>

    </ul>

<p class="a">This is paragraph 1</p>

<p>This is paragraph 2</p>

<p class="b">This is paragraph 3</p>

<p id="para">This is paragraph 4</p>

</body>