This is a quick introduction to using JQuery with ASP.NET.

1. Intro To JQuery and ASP.NET Chris Love Tellago Inc. http://ProfessionalASPNET.com http://Twitter.com/ChrisLove

2. What is JQuery? An AJAX Framework Cross-browser AJAX Extensible API Utility Methods Events Effects More

3. $.Ready() Executes After the Browser has Loaded and Parsed DOM Handles Cross-Browser Issues $(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); });

4. JQuery Selector Syntax Follows CSS Selector Syntax http://www.w3.org/TR/CSS2/selector.html Extends CSS Selector Syntax http://docs.jquery.com/Selectors

5. JQuery Selector Syntax

6. JQuery Selector ASP.NET ASP.NET Control IDs are Not Pure Use a RegEx Selector ctl00_ContentPlaceHolder1_txtMessage != txtMessage <form id="form1" runat="server"> <asp:TextBoxrunat="server" ID="txtMessage"></asp:TextBox> <button type="button" id="btnExtract"> Extract</button></form> $('#btnExtract').click( function() { alert($("input[id$=‘txtMessage’").val()); } );

7. JQuery Resources JQuery.com Documentation Tutorials Plugin Repository JQuery In Action