Hey thanks! That works perfectly! You are truly heaven sent!! 1)But I'm confused, why should i have to link to google(specified in the src), as jquery.com provides the jquery-1.3.2.min.js download, which you are supposed to link in your webpage? As really what i'll be interested in using later on is the tablesorter plugin, to be able to resort a table by clicking on a header in a column. In this case would the link above suffice or would i have to download and include the plugin : <script src="jquery.tablesorter.js"></script>
2) in their example(http://docs.jquery.com/ Tutorials:Getting_Started_with_jQuery#Hello_jQuery), they start their function with $(document)... whereas you just did $(function).. whats the difference? Although both ways work now. On May 20, 12:24 pm, "ryan.j" <ryan.joyce...@googlemail.com> wrote: > try... > > $(function() { > $("a").click(function () { > $("#box").fadeOut(); > }); > }); > > also, you're not linking the jquery lib sucessfully. replace ... > > <script type="text/javascript" src="jquery-1.3.2.min.js"></script> > > ... with ... > > <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ > libs/jquery/1.3.1/jquery.min.js"></script> > > On May 20, 11:23 am, Kerry <vkerrysi...@gmail.com> wrote: > > > Hi I'm new to Jquery and trying a simple example before I start > > working with it. Can someone please help me understand why the > > following is not working. Firebug repport '$ is not defined'. > > jquery-1.3.2.min.js is in the same directory as the web page as well. > > > <head> > > <meta http-equiv="Content-Type" content="text/html; > > charset=ISO-8859-1"> > > <script type="text/javascript" src="jquery-1.3.2.min.js"></script> > > <style type="text/css"> > > #box > > { > > background:red; > > width:80px; > > height:80px; > > } > > </style> > > > <script type="text/javascript"> > > $(document).ready(function(){ > > $('a.box').click(function() { > > $('#box').fadeOut(); > > }); > > }); > > > </script> > > > <title>Test</title> > > </head> > > <body> > > <div id="box"></div> > > <a href="#" >Link</a> > > > </body> > > </html>
