# IT:AD:JQuery #



<callout type="Navigation" class="small">

* [[../|(UP)]]
{{indexmenu>.#2|nsort tsort}}

* **[[IT/AD/JQuery/HowTo/]]**
* [[IT/AD/JScript/Libs/]]
* [[IT/AD/JScript/Include/]]
* [[IT/AD/JQuery/Events/]]
* [[IT/AD/JQuery/Selectors/]]
* [[IT/AD/JQuery/Attributes/]]
* [[IT/AD/JQuery/Styles/]]
* ***[[IT/AD/JQuery/Ajax/]]***
* [[IT/AD/JQuery/Animations/]]
* [[IT/AD/JQuery/UI/]]
* [[IT/AD/JQuery/Forms/]]
* [[IT/AD/JQuery/Forms/Checkboxes/]]
* [[IT/AD/JQuery/Xml/]]
* [[IT/AD/JQuery/Widgets/]]
* [[IT/AD/JScript/Navigation/]]
* [[IT/AD/JQuery/Demos/]]
* [[IT/AD/JQuery/Plugins/File Upload/]]
* See also:
    * [[IT/AD/Sizzle.JS/]]






---


</callout>


<panel title="Summary">

* [Get Better:25 Tips](http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx)
* [Get Better:20 Tips](http://viralpatel.net/blogs/2009/08/20-top-jquery-tips-tricks-for-jquery-programmers.html)


</panel>


### Source ###

Same basics as already defined in [[IT/AD/JScript/Include/]]

* Official JQuery Site: to get the latest version, or know what the latest version is for CND (see below) check here:
    * [JQuery:Download](http://docs.jquery.com/Downloading_jQuery)
* Or CDN:

Google CDN:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" ></script>

* Note: Regarding Google's CDN, read:
    * [this tip](http://www.petefreitag.com/item/777.cfm)
    * [this](http://code.google.com/apis/libraries/devguide.html#jquery)


Microsoft CDN:

     <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.min.js" type="text/javascript" ></script>

## Includes ##

From ASP.MVC, use ResolveClientUrl:  

    `<script src="<%=this.ResolveClientUrl("~/client/scripts/jquery-ui-1.8.9.xact/js/jquery-1.4.4.min.js") %>" type="text/javascript" ></script>`

## Start ##

Syntax:

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

    //shorthand:
    $(function() {...});



## Traversing ##

You can traverse through a list response using the `each` method:

    $('h2').each(function(index) {this.innerHtml="Section" + index;}




## Slow Loading ##

http://www.electrictoolbox.com/load-content-jquery-ajax-loading-image/ 

## Navigation ##

Navigation is a huge part of the Web Experience...and covers more than just JQuery, so:

[[IT/AD/JScript/Navigation/]]

## Inserting ##

Try:

    $('#myTable > tbody:last').append('<tr>...</tr><tr>...</tr>');

Reference: [http://stackoverflow.com/a/171049](http://stackoverflow.com/a/171049)

## Resources ##
* Good value:[EletricToolBox](http://bit.ly/wNmKF0)