intro to jquery & asp.net

7
INTRO TO JQUERY AND ASP.NET Chris Love Tellago Inc. http://ProfessionalASPNET.com http://Twitter.com/ChrisLove

Upload: chris-love

Post on 15-May-2015

1.128 views

Category:

Technology


1 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Intro To JQuery & ASP.NET

INTRO TO JQUERY AND ASP.NET

Chris LoveTellago Inc.http://ProfessionalASPNET.comhttp://Twitter.com/ChrisLove

Page 2: Intro To JQuery & ASP.NET

WHAT IS JQUERY? An AJAX Framework

Cross-browser AJAX Extensible API

Utility Methods Events Effects More

Page 3: Intro To JQuery & ASP.NET

$.READY() Executes After the Browser has

Loaded and Parsed DOM Handles Cross-Browser Issues

$(document).ready(function() { $("table tr:nth-child(even)").addClass("even");});

Page 4: Intro To JQuery & ASP.NET

JQUERY SELECTOR SYNTAX Follows CSS Selector Syntax

http://www.w3.org/TR/CSS2/selector.html Extends CSS Selector Syntax

http://docs.jquery.com/Selectors

Page 5: Intro To JQuery & ASP.NET

JQUERY SELECTOR SYNTAX

Page 6: Intro To JQuery & ASP.NET

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:TextBox runat="server" ID="txtMessage"></asp:TextBox>    <button type="button" id="btnExtract">        Extract</button></form>

            $('#btnExtract').click(                function() {                    alert($("input[id$=‘txtMessage’").val());                }            );

Page 7: Intro To JQuery & ASP.NET

JQUERY RESOURCES JQuery.com

Documentation Tutorials Plugin Repository

JQuery In Action