Your SlideShare is downloading. ×
0
Intro To JQuery and ASP.NET<br />Chris Love<br />Tellago Inc.<br />http://ProfessionalASPNET.com<br />http://Twitter.com/C...
What is JQuery?<br />An AJAX Framework<br />Cross-browser<br />AJAX<br />Extensible<br />API<br />Utility Methods<br />Eve...
$.Ready()<br />Executes After the Browser has Loaded and Parsed DOM<br />Handles Cross-Browser Issues<br />$(document).rea...
JQuery Selector Syntax<br />Follows CSS Selector Syntax<br />http://www.w3.org/TR/CSS2/selector.html<br />Extends CSS Sele...
JQuery Selector Syntax<br />
JQuery Selector ASP.NET<br />ASP.NET Control IDs are Not Pure<br />Use a RegEx Selector<br />ctl00_ContentPlaceHolder1_txt...
JQuery Resources<br />JQuery.com<br />Documentation<br />Tutorials<br />Plugin Repository<br />JQuery In Action<br />
Upcoming SlideShare
Loading in...5
×

Intro To JQuery & ASP.NET

1,136

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,136
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
33
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Intro To JQuery & ASP.NET"

  1. 1. Intro To JQuery and ASP.NET<br />Chris Love<br />Tellago Inc.<br />http://ProfessionalASPNET.com<br />http://Twitter.com/ChrisLove<br />
  2. 2. What is JQuery?<br />An AJAX Framework<br />Cross-browser<br />AJAX<br />Extensible<br />API<br />Utility Methods<br />Events<br />Effects<br />More<br />
  3. 3. $.Ready()<br />Executes After the Browser has Loaded and Parsed DOM<br />Handles Cross-Browser Issues<br />$(document).ready(function() {<br /> $(&quot;table tr:nth-child(even)&quot;).addClass(&quot;even&quot;);<br />});<br />
  4. 4. JQuery Selector Syntax<br />Follows CSS Selector Syntax<br />http://www.w3.org/TR/CSS2/selector.html<br />Extends CSS Selector Syntax<br />http://docs.jquery.com/Selectors<br />
  5. 5. JQuery Selector Syntax<br />
  6. 6. JQuery Selector ASP.NET<br />ASP.NET Control IDs are Not Pure<br />Use a RegEx Selector<br />ctl00_ContentPlaceHolder1_txtMessage != txtMessage<br />&lt;form id=&quot;form1&quot; runat=&quot;server&quot;&gt;    &lt;asp:TextBoxrunat=&quot;server&quot; ID=&quot;txtMessage&quot;&gt;&lt;/asp:TextBox&gt;    &lt;button type=&quot;button&quot; id=&quot;btnExtract&quot;&gt;        Extract&lt;/button&gt;&lt;/form&gt;<br />            $(&apos;#btnExtract&apos;).click(                function() {                    alert($(&quot;input[id$=‘txtMessage’&quot;).val());                }            );<br />
  7. 7. JQuery Resources<br />JQuery.com<br />Documentation<br />Tutorials<br />Plugin Repository<br />JQuery In Action<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×