.

where is the mouse cursor?

use eg. with mouseover or mouseout:


function doSomething(e) {
	if (!e) var e = window.event;
	var relTarg = e.relatedTarget || e.fromElement;
}

document ready in JQuery

<span id="<%=ClientID %>_MouseXY">failed</span>

        protected void Page_Load(object sender, EventArgs e)
        {
            Page.ClientScript.RegisterClientScriptBlock(GetType(),"BitlinkMouseXY",@"
            $(function (){
            $('#" + ClientID + @"_MouseXY').html('worked');
            });", true);
        }


$(document).ready(function (){
// code
});

Becomes (in JQuery)

$(function (){
// code
});

hover javascript & css for JQuery

The latest hover javascript & css for JQuery

http://code.google.com/p/hovertip/downloads/list

Changing text using JQuery

The “Hello” wont be displayed … rather the “Ahoy”.

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <script src="http://code.jquery.com/jquery-latest.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $('p').html('Ahoy');
        });
    </script>

</head>
<body>
    <p>Hello</p>
</body>
</html>

most basic JQuery usage (hello world)

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            alert('Bitlink JQuery Demo');
        });
    </script>
</head>
<body>
    Hello World
</body>
</html>