Session_DOM

HTML

<h1> Header outside  </h1>
<div border="1px">
     <h1> HTML Page  </h1>

    <br>
    <br>
    <center>
        <table style="border-style:solid;border-width:1px" border="1px">
            <tr>
                <td>One1</td>
                <td>Two1</td>
            </tr>
            <tr>
                <td>One2</td>
                <td>Two2</td>
            </tr>
            <tr>
                <td>One2</td>
                <td>Two2</td>
            </tr>
            <tr>
                <td>One2</td>
                <td>Two2</td>
            </tr>
        </table>
    </center>
    <button>Show Alert</button>
    <button>Show Alert1</button>
    <p name="test" id="one test">Test Para</p>
        <p name="test" id="one">Text in the Paragraph</p>
                <p name="test" id="one1">Text in the Paragraph</p>
                <p name="test" id="one2">Text in the Paragraph</p>
    <div name="test">Test Div
        <h1> test </h1>
        </div>
        <input type="text" class="inputclass"/>
    <br>
    <br>
</div>

CSS

div {
    border-style: solid;
    border-width: 2px;
}
.testclass {
    background-color:green;
}
#test1 {
    background-color:green;
}

JavaScript

$(document).ready(function () {
   // $("p").eq(1).addClass("testclass").hide(500).show(500);
    $("button").click(function () { 
    //$("tr").css("background-color","red");
        // $("tr").addClass("test");
        //  $("#test").addClass("test");
        //$(".testclass1").addClass("test");
       // $("[id='one test']").addClass("testclass");
        //$("div[name=test] h1").addClass("testclass");
       // $)
    });
    $(":input.inputclass").keyup(function(){
       alert($(this).val());
    });
});