You got it. here you go.....
the file is located in c:/inetpub/wwwroot/domain and the jquery file
is located in c:/inetpub/wwwroot/domain/js/jquery-1.2.6.min.js
<html>
<head>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$(function(){
$("a").click(function(event){
event.preventDefault(); // prevent the
default action - which in
the case of "a" means 'don't go there'
$(this).hide("slow"); //Hide the
element - slowly :)
});
$("a").addClass("test"); // adds the class
'test' to ALL a links
$("#orderedlist").addClass("red"); // Add the
class 'red' to the
element named orederedlist
$("#orderedlist > li").addClass("blue"); //Add
the class 'blue' to
any list item immediately under the id orderedlist
$("#orderedlist > li > ul >
li").addClass("green");
$("#orderedlist > li > ul >
li:last").addClass("purple");
});
</script>
<style type="text/css">
a.test { font-weight: bold; }
.red {border: 1px solid red;}
.blue {color:blue;}
.green {color:green;}
.purple {color:#663366;}
</style>
</head>
<body>
<p><a href="#" class="clickme">jQuery</a>
<a href="">Link</a></p>
<ul id="orderedlist">
<li>Hello
<ul>
<li>World</li>
</ul>
</li>
<li>This is my
<ul>
<li>Friend</li>
<li>Sam</li>
</ul>
</li>
</ul>
</body>
</html>
