Japanese | Spanish
The Marketing Tactics That Are Seldom Told

jQuery

The Write Less, Do More, JavaScript Library

Topics:

Javascript Library
Ajax


jQuery

jquery.com
2547 - 266690v1.5.1 (2011 02 24)

jQuery Blog
http://blog.jquery.com
jQuery Forum
http://forum.jquery.com
jQuery Tutorials
http://docs.jquery.com/Tutorials
jQuery API
http://api.jquery.com
jQuery Plugins
http://plugins.jquery.com
Tree View Plugin:
http://docs.jquery.com/UI/Treehttp://jqueryui.pbworks.com/Tree
jQuery UI design & planning wiki
http://jqueryui.pbworks.com



jQuery UI

jqueryui.com
? - ?v1.8.5
jQuery UI comes with dozens of themes, eg the cupertino theme



jQuery - Notes

The brain child of developer John Resig
http://barcamp.orghttp://ejohn.org/blog/selectors-in-javascript



Firebug
-an extension for Firefox -getfirebug.com

- testing environment
- debug with firebug








[code:uswvqmhe]<link rel=’stylesheet’ href=’styles/themes/cupertino/jquery-ui-1.8.5.custom.css’>
<script src='scripts/jquery-1.4.2.js'></script>
<script src='scripts/jquery-ui-1.8.5.custom.js'></script>


Direct:

<script src='http://code.jquery.com/jquery-1.4.2.min.js'></script>
[/code:uswvqmhe]





This is the end of the file.

Introduction To JQuery



Notes:


minified - the whitespace removed
Gzipped


Firebug. 8.00
Firebug Tabs:
the Net tab
We'll be spending a lot of time in the Console tab-can write your jQuery right in the page

ch4. 19.40
The dollar sign function

ch5 - jquery selectors. 23.50
-allow you to find elements on the page, so you can modify them
CSS selectors tag selectors
example of hoverover to highlight and hoveroff to remove highlighting. 1.57.00

ch10. DOM traversing
DOM tree traversal

ch11. ajax mechanisms. 2.20.10range

live bindings. 2.49.00

jQuery Plugins Repository. 2.51.50range
method chaining





jQuery Terminology

DOM - jQuery effects the DOM
json
ajax
selectors
register events






This is the end of the file.

jQuery Tutorials


jQuery For Designers
jqueryfordesigners.com | 10955


pluralsight.com
pluralsight-training.net/microsoft/olt/Course/Toc.aspx?n=jquery-fundamentals




This is the end of the file.

jQuery Tutorial - pluralsite.com



Place in the <head> block:
[code:1v3lty1i]<!-- pluralsight -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
[/code:1v3lty1i]


The $ sign is simply an alias for the jQuery object instance.


Wrap the jQuery object around the DOM document object:
[code:1v3lty1i]$(document)[/code:1v3lty1i]



[code:1v3lty1i]<script type="text/javascript">
$(document).ready(function()
{ alert("Ready function called");
});
</script>
[/code:1v3lty1i]


This is the end of the file.
Real Time Web Analytics