JQuery and Json together

JQuery is a javascript library which eases javascript developemt and it also includes many Ajax functionality. So before we start we need to download the .js libraries from jquery official sites

Basic understanding

$("#header") = get the element with id="header"
$("h3") = get all "h3" element
$("div#content .photo") = get all element with class="photo" nested in the 'div id="content"'
$("ul li") = get all "li" element nested in all "ul"
$("ul li:first") = get only the first "li" element of the "ul"

See Using Jquery in repeater / gridview / datagrid
How to edit gridview row using jquery DOM

Jquery examples

Jquery	Resizeable	Collapse	Sliding Effect	Floating Div
Image Sliding	Image Changes	Div Alert	Div Disappear	Simple image changes
Datepicker

---

	Jquery Sample Code
<div style="margin:10px;text-align:left; " > 1:<a href="Default.aspx?TID=1"><h1>Topic 1</h1></a> 2: 3:</div> 4: 5:<div style="margin:10px;text-align:left; " > 6:<a href="Default.aspx?TID=2"><h1>Topic 2</h1></a> 7: 8:</div> 9: