jQuery Interview Questions and Answers (185) - Page 7

<script type="text/javascript">

$("#pHover").hover(function () { $(this).hide(500); });

</script>

<script type="text/javascript">

    $("#txtKeyPress").keydown(function () { $("#div3").append(" | key DOWN event fired"); });



</script>

<script type="text/javascript">

    $("#txtKeyPress").keypress(function () { $("#div3").append(" | key PRESS event fired"); });

</script>

<script type="text/javascript">

    $("#txtKeyPress").keyup(function () { $("#div3").append(" | key UP event fired"); });

</script>

<script type="text/javascript">

    <img id="imgLoad" src="http://www.itfunda.com/Images/itfunda.gif" />

 $("#imgLoad").load(function () {

     alert("ITFunda.Com Logo loaded");

 });

</script>

<script type="text/javascript">

   

    $("#spanMouseDownUp").mousedown(function () {

        $(this).html("Mouse down");

    });

</script>

<div id="spanMouseDownUp" style="background:green;

color:White;padding:10px;">Try to click here</div>

$("#spanMouseDownUp").mouseenter(function () {

$(this).html("Mouse entered in this area");

});

<div id="spanMouseDownUp" style="background:green;color:White;padding:10px;">Try to bring your mouse here</div>

<script type="text/javascript">

   

    $("#spanMouseDownUp").mouseleave(function () {

        $(this).html("Mouse left this area");

    });

</script>

     <div id="spanMouseDownUp" style="background:green;color:White;padding:10px;">Try to bring your mouse here</div>  

<script type="text/javascript"> 

    $("#spanMouseDownUp").mousemove(function () {

        $(this).html("You have started moving");

    });

</script>

    <div id="spanMouseDownUp" style="background:green;color:White;padding:10px;">Try to bring your mouse here</div>

<script type="text/javascript">

  $("#spanMouseDownUp").mouseup(function () {

$(this).html("Mouse released");

});

</script>

$("p").append("<p>Dotnetfunda.com</p>");

var grid_row_count = $('#grid_view_id tr').length;

var table_row_count = $('#html_table_id tr').length;

<table id = "html_table_id" style = "border-color:yellow;">   

    <tr><td>DOT NET FUNDA.COM ROW1</td></tr>

    <tr><td>DOT NET FUNDA.COM ROW2</td></tr>

	<tr><td>DOT NET FUNDA.COM ROW3</td></tr>

	<tr><td>DOT NET FUNDA.COM ROW4</td></tr>  

</table>

addClass(our_className);

<script src = "//code.jquery.com/jquery-1.10.2.js"></script>

$("p").addClass("our_className");