KEMBAR78
Intro To JQuery & ASP.NET
Intro To JQuery and ASP.NETChris LoveTellago Inc.http://ProfessionalASPNET.comhttp://Twitter.com/ChrisLove
What is JQuery?An AJAX FrameworkCross-browserAJAXExtensibleAPIUtility MethodsEventsEffectsMore
$.Ready()Executes After the Browser has Loaded and Parsed DOMHandles Cross-Browser Issues$(document).ready(function() {  $("table tr:nth-child(even)").addClass("even");});
JQuery Selector SyntaxFollows CSS Selector Syntaxhttp://www.w3.org/TR/CSS2/selector.htmlExtends CSS Selector Syntaxhttp://docs.jquery.com/Selectors
JQuery Selector Syntax
JQuery Selector ASP.NETASP.NET Control IDs are Not PureUse a RegEx Selectorctl00_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());                }            );
JQuery ResourcesJQuery.comDocumentationTutorialsPlugin RepositoryJQuery In Action

Intro To JQuery & ASP.NET

  • 1.
    Intro To JQueryand ASP.NETChris LoveTellago Inc.http://ProfessionalASPNET.comhttp://Twitter.com/ChrisLove
  • 2.
    What is JQuery?AnAJAX FrameworkCross-browserAJAXExtensibleAPIUtility MethodsEventsEffectsMore
  • 3.
    $.Ready()Executes After theBrowser has Loaded and Parsed DOMHandles Cross-Browser Issues$(document).ready(function() { $("table tr:nth-child(even)").addClass("even");});
  • 4.
    JQuery Selector SyntaxFollowsCSS Selector Syntaxhttp://www.w3.org/TR/CSS2/selector.htmlExtends CSS Selector Syntaxhttp://docs.jquery.com/Selectors
  • 5.
  • 6.
    JQuery Selector ASP.NETASP.NETControl IDs are Not PureUse a RegEx Selectorctl00_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.