Jquery in-15-minutes1421

Dec 19, 20121 like265 views

This document provides an overview of jQuery, highlighting its key features including CSS selector-based querying, methods for DOM manipulation and event handling, and support for AJAX and plugins. jQuery returns collections that allow chaining of methods, avoids namespace collisions, and plays well with other libraries.

jQuery in 15 minutes
Torchbox, 7th August 2007

What makes jQuery
interesting?
• Built around CSS selectors
• Well behaved
• Doesn’t hijack your global namespace
• Plays well with other libraries
• API designed with conciseness and
convenience as the driving factors

The jQuery() function

jQuery('div#intro h2')
jQuery('div.section > p')
jQuery('input:radio')

$('div#intro h2')

jQuery collections
• $('div.section') returns a jQuery collection
• You can call methods on it:
$('div.section').size() = no. of matched elements
$('div.section').each(function(div) {
// Manipulate the div
}

Manipulating collections
• Most jQuery methods operate on all of the
matched elements in the collection

$('div.section').addClass('highlighted')
$('img.photo').attr('src', '/default.png');
$('a.foo').html('<em>Click me now!</em>');
$('p:odd').css('background-color', '#ccc');

Grabbing values
• Some methods return results from the ﬁrst
matched element

var height = $('div#intro').height();
var src = $('img.photo').attr('src');
var lastP = $('p:last').html()

Traversing the DOM
• jQuery provides enhanced methods for
traversing the DOM
$('div.section').next()
$('div.section').prev()
$('div.section').prev('a')
$('div.section').parent()
$('div.section').parents()

Handling events
• jQuery provides methods for assigning event
handlers to elements in a cross-browser way
$('a').click(function(ev) {
$(this).css({backgroundColor: 'orange'});
ev.preventDefault();
});

Going unobtrusive

$(document).ready(function() {
alert('The DOM is ready!');
});

$(function() { alert('This is a shortcut') });

Chaining

• Most jQuery methods return another
jQuery object - often one representing the
same collection. This means you can chain
methods together:
$('div.section').hide().addClass('gone');

Crazy chaining
$('form#login')
// hide all the labels inside the form with the 'optional' class
.ﬁnd('label.optional').hide().end()

// add a red border to any password ﬁelds in the form
.ﬁnd('input:password').css('border', '1px solid red').end()

// add a submit handler to the form
.submit(function(){
return conﬁrm('Are you sure you want to submit?');
});

From http://www.ibm.com/developerworks/library/x-ajaxjquery.html

Ajax
• jQuery has excellent support for Ajax
$('div#intro').load('/some/ﬁle.html');

• More advanced methods include:
$.get(url, params, callback)
$.post(url, params, callback)
$.getJSON(url, params, callback)
$.getScript(url, callback)

Plugins
• jQuery is extensible through plugins, which
can add new methods to the jQuery object
• Form: better form manipulation
• Dimensions: lots of browser measurements
• Interface: fancy effects, accordions
• UI: drag and drop, and more

Further reading

• http://jquery.com/ - ofﬁcial site
• http://visualjquery.com/ - useful API reference

This document discusses 10 time-saving techniques for jQuery and JavaScript: 1. Limit DOM traversal to improve performance. 2. Use chaining for cleaner code and better readability. 3. Be specific with selectors like :first-child to avoid universal selectors. 4. Understand events like .each(), .live(), and .delegate() and use appropriately. 5. Create DOM elements in memory then append for better performance. 6. Bind fewer events by checking the target of the event. 7. Choose events like .ready() and .load() carefully based on needs. 8. Think right-to-left for selectors except IDs

A Short Introduction To jQuerySudar Muthu

The document discusses jQuery, a popular JavaScript library. It provides concise summaries of jQuery's main features and capabilities, including: - Using CSS selectors to select DOM elements and perform actions on them. - Returning collections of matched elements that can be iterated, accessed, and manipulated. - Methods for DOM manipulation like adding/removing classes, setting styles, and event handling. - Support for AJAX calls and utilities for browser detection. - Large ecosystem of plugins for additional functionality.

Introduction to jQuery - Barcamp London 9Jack Franklin

This document introduces jQuery, a JavaScript library that simplifies HTML document manipulation and AJAX interactions. It allows selecting elements, handling events, animating elements, and making AJAX requests. Some key benefits of jQuery include being cross-browser compatible, having excellent documentation, being widely adopted, and being lightweight. The document provides many code examples demonstrating how to select elements, handle events, animate elements, traverse the DOM, make AJAX requests, and more using jQuery.

Game jump: frontend introduction #1Sebastian Pożoga

jQuery Loves Developers - Oredev 2009Remy Sharp

jQuery is a JavaScript library which allows you to develop solutions with less code, in less time. You can build interactive prototypes for your prospective clients, or take an existing solution and add new dynamic behaviour with little effort. We will see how jQuery can be used to quickly and concisely apply JavaScript behaviour to your web app. It will cover selectors, Ajax, DOM manipulation and more. The aim: to produce lean unobtrusive JavaScript with jQuery.

Railsbridge javascriptp4geoff

JavaScript can be used to add, remove, or modify content on web pages, set CSS styles and classes, show/hide/animate parts of pages, react to user events like clicks and typing, and more. It uses variables to store values, functions to organize code for reuse, and selectors like jQuery to find and work with HTML elements. Code is added to pages within script tags and often wrapped in document ready functions to run when the page loads.

JavaScript and jQuery BasicsKaloyan Kosev

jQuery for beginnersSiva Arunachalam

This document provides an introduction to jQuery for beginners. It discusses jQuery's history and benefits, how to download and include jQuery, basic selectors and filters, traversing elements, basic events and animations, jQuery UI libraries, AJAX functionality, and compares jQuery to other JavaScript frameworks. The presentation aims to explain jQuery concepts at a high level without being a tutorial or reference guide. It includes code examples throughout to demonstrate jQuery syntax and methods.

Processing and Processing.jsjeresig

Processing is a data visualization programming language built on top of Java. It has a strictly typed structure with classes and inheritance. The language uses setup() and draw() methods similarly to OpenGL, with draw() being called continuously. Processing can be used to draw shapes and images, perform math functions, and manipulate the canvas through transformations. It has also been ported to JavaScript as Processing.js to run on HTML5 canvases in web browsers.

Getting the Most Out of jQuery Widgetsvelveeta_512

The document discusses strategies for building modular widgets in jQuery. It recommends thinking of widgets as small, decoupled components that communicate through events. Components should subscribe to and respond to events from other components, with references only going downward between layers. Each layer consumes events from lower layers and publishes events upward. The document also recommends decorating widget functions to add logging or other functionality.

Yuihacku iitd-sumanaSumana Hariharan

YUI is a comprehensive JavaScript and CSS library for building rich web applications. It provides a wide range of low-level DOM utilities and high-level widgets. Some key features include the Global YUI object, Node utility for DOM manipulation, Event handling, and pre-built widgets like Autocomplete, Calendar and Carousel. YUI is free, scalable, fast, robust, and well-documented with many examples. It allows developers to code efficiently without reinventing the wheel.

jQuery PresentationRod Johnson

This document summarizes key topics from a jQuery Brownbag presentation, including checking for null values, setting default values, properties, why jQuery is awesome, jQuery's founder and philosophy, selecting elements, events in jQuery, Ajax examples, plugins, and learning more about jQuery. The document provides code examples for common tasks like DOM manipulation, event handling, and Ajax using jQuery.

Auto tools祺周

Unobtrusive javascript with jQueryAngel Ruiz

This document summarizes a presentation on unobtrusive JavaScript with jQuery. The presentation introduces JavaScript frameworks like jQuery and the concept of unobtrusive JavaScript. It discusses jQuery's core philosophy of simplifying interactions between HTML and JavaScript. The document outlines jQuery's API and popular plugins. It also covers lessons learned, including placing CSS at the top, JavaScript at the bottom, and assessing pages with Yslow. The presentation concludes with working examples and acknowledgments.

jQuery Features to Avoiddmethvin

An in-depth look at jQuery UIPaul Bakaus

jQuery Foot-Gun Featuresdmethvin

Jquery uiadm_exoplatform

This document provides an introduction and overview of jQuery UI. It explains that jQuery UI is a plugin library that adds new interactive features and widgets to the jQuery JavaScript library. It then explores the main components of jQuery UI, including interactions like draggable and droppable, widgets like accordion and datepicker, visual effects, and utilities for positioning and theming. Examples of code are provided for many of the interactions and widgets.

jQuery Loves YouDotNetMarche

"It's all about simplicity": perchè le applicazioni basate su Javascript sono spesso complesse, farraginose e difficilmente manutenibili quando è possibile renderle semplici, eleganti e funzionali? In questa sessione a quattro mani vedremo per prima cosa come sfruttare Javascript al meglio, utilizzando i prototipi, i namespaces, gli oggetti, gli eventi, le chiusure e le altre mille funzionalità di un linguaggio di programmazione troppo spesso sottovalutato. Ci soffermeremo poi su jQuery per analizzare il suo contributo nel semplificare task normalmente tediosi come la manipolazione del DOM, la gestione degli eventi, la programmazione asincrona (AJAX) e le problematiche di compatibilità cross-browser.

jQuery (BostonPHP)jeresig

Kick start with j queryMd. Ziaul Haq

This document provides an overview of jQuery, including what it is, its benefits, how to get started using it, common tasks like selecting elements and applying actions, and some example code. jQuery is a lightweight JavaScript library that simplifies HTML document traversing, event handling, animating, and Ajax interactions. It is small in size, works across browsers, and has a large community and ecosystem of plugins and resources.

Jquery Complete Presentation along with Javascript BasicsEPAM Systems

JavaScript 1.5 to 2.0 (TomTom)jeresig

This document provides an overview of the evolution of JavaScript from version 1.5 to the planned version 2.0. It discusses new features that were introduced in each version, such as getters and setters in 1.5, array extras in 1.6, generators and iterators in 1.7, block scoping with let in 1.9, and classes and interfaces planned for 2.0. The goal for JavaScript 2.0 is for it to be backwards compatible, suitable for large systems, allow reusable libraries, fix bugs in ECMAScript 3, and keep it usable for small programs. It will integrate the Tamarin virtual machine and bring features from ActionScript.

jQuery: Nuts, Bolts and BlingDoug Neiner

How to increase Performance of Web Application using JQuerykolkatageeks

J query b_dotnet_ug_meet_12_may_2012ghnash

The document discusses jQuery, a JavaScript library. It provides information on: - What jQuery is and its main functionality, including DOM scripting, Ajax, user interface effects, and form validation. - How to get started with jQuery, including downloading the file, adding it to a page via a script tag, and using common selectors like ID, class, and tag name to select elements. - Common jQuery methods for manipulating elements, like adding and removing classes, traversing the DOM, making GET/POST requests, and loading content via Ajax. - Ensuring the document is ready before running jQuery code by using the ready function. So in summary, the document provides an overview

JQuery introductionPradeep Saraswathi

The document discusses jQuery, a JavaScript library that simplifies HTML document traversal and manipulation, events, animations, and Ajax interactions for rapid web development. It covers key jQuery concepts like selector engines, DOM manipulation methods, event handling, AJAX functionality, and how to create jQuery plugins. The document also provides best practices like using jQuery.noConflict() when other libraries are used, always storing jQuery objects in variables, and following a self-executing function pattern.

Canjsbitovi

This document summarizes the key features and components of the CanJS JavaScript library. It highlights that CanJS is fast, easy to use, and modular. It prevents memory leaks through its templated event system. It supports live data binding through observable objects and lists. Components include Can.Construct for classes, Can.Model for REST APIs, Can.Control for UI components, Can.Route for routing, and Can.View for templating. Overall, CanJS aims to be faster and lighter than comparable frameworks like Backbone, Knockout, and Angular while providing a flexible ecosystem through plugins.

Examen2000 2Consultorio Enrique Mancebo

приложение к самоанализуNadya Klimenko

More Related Content

What's hot (20)

Processing and Processing.jsjeresig

Getting the Most Out of jQuery Widgetsvelveeta_512

Yuihacku iitd-sumanaSumana Hariharan

jQuery PresentationRod Johnson

Auto tools祺周

Unobtrusive javascript with jQueryAngel Ruiz

jQuery Features to Avoiddmethvin

An in-depth look at jQuery UIPaul Bakaus

jQuery Foot-Gun Featuresdmethvin

Jquery uiadm_exoplatform

jQuery Loves YouDotNetMarche

jQuery (BostonPHP)jeresig

Kick start with j queryMd. Ziaul Haq

Jquery Complete Presentation along with Javascript BasicsEPAM Systems

JavaScript 1.5 to 2.0 (TomTom)jeresig

jQuery: Nuts, Bolts and BlingDoug Neiner

How to increase Performance of Web Application using JQuerykolkatageeks

J query b_dotnet_ug_meet_12_may_2012ghnash

JQuery introductionPradeep Saraswathi

Canjsbitovi

Processing and Processing.jsjeresig

Getting the Most Out of jQuery Widgetsvelveeta_512

Yuihacku iitd-sumanaSumana Hariharan

jQuery PresentationRod Johnson

Auto tools祺周

Unobtrusive javascript with jQueryAngel Ruiz

jQuery Features to Avoiddmethvin

An in-depth look at jQuery UIPaul Bakaus

jQuery Foot-Gun Featuresdmethvin

Jquery uiadm_exoplatform

jQuery Loves YouDotNetMarche

jQuery (BostonPHP)jeresig

Kick start with j queryMd. Ziaul Haq

Jquery Complete Presentation along with Javascript BasicsEPAM Systems

JavaScript 1.5 to 2.0 (TomTom)jeresig

jQuery: Nuts, Bolts and BlingDoug Neiner

How to increase Performance of Web Application using JQuerykolkatageeks

J query b_dotnet_ug_meet_12_may_2012ghnash

JQuery introductionPradeep Saraswathi

Canjsbitovi

Viewers also liked (8)

Examen2000 2Consultorio Enrique Mancebo

приложение к самоанализуNadya Klimenko

Comportament electoral eleccions Parlament - Sarrià de Ter 84-06Roger Casero Gumbau

20090522 Scalaユーザー会#1Tomohito Ozaki

Sarrià de Ter en Xarxa. Càpsula 13. 17mai13Roger Casero Gumbau

jQuery in 15 minutesSimon Willison

This document provides an overview of jQuery, a JavaScript library for DOM manipulation. It discusses jQuery's CSS selector syntax, methods for manipulating DOM elements and collections, event handling, AJAX support through methods like load() and get(), and how jQuery is extensible through plugins. The document also provides examples of DOM traversal, value retrieval, event binding, and chaining methods.

Learning jQuery in 30 minutesSimon Willison

- jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, as well as event handling, animation, and Ajax. - It works by allowing the selection of HTML elements and running functions on those elements via a simple and consistent API. - Common uses of jQuery include modifying HTML content, CSS styling, handling user events, animating elements, and loading data from web servers via Ajax.

1drykilllogik

Examen2000 2Consultorio Enrique Mancebo

приложение к самоанализуNadya Klimenko

Comportament electoral eleccions Parlament - Sarrià de Ter 84-06Roger Casero Gumbau

20090522 Scalaユーザー会#1Tomohito Ozaki

Sarrià de Ter en Xarxa. Càpsula 13. 17mai13Roger Casero Gumbau

jQuery in 15 minutesSimon Willison

Learning jQuery in 30 minutesSimon Willison

1drykilllogik

Similar to Jquery in-15-minutes1421 (20)

Learning jquery-in-30-minutes-1195942580702664-3luckysb16

This document provides an overview of jQuery, a JavaScript library. It discusses what jQuery is, why it is useful compared to other libraries, its core philosophy of selecting elements and performing actions on them, how to select elements using CSS selectors, manipulate HTML, CSS and attributes, handle events, make AJAX requests, animate elements, and write plugins. Key features covered include chaining methods, traversing the DOM, and the ability to learn jQuery in 30 minutes.

jQueryIvano Malavolta

Week 4 - jQuery + Ajaxbaygross

This document provides an introduction to jQuery, including what jQuery is, why it's useful, how to include it, and some common jQuery syntax and methods. Key points: - jQuery is a JavaScript framework that makes interacting with HTML, CSS, and browser functionality simpler. It provides methods for DOM manipulation, AJAX requests, and event handling. - jQuery uses CSS selector syntax to select elements and chainable methods to manipulate them. Common methods include show(), hide(), addClass(), removeClass(), and more. - Events like click and change can have callback functions attached via jQuery. AJAX requests allow asynchronous data retrieval without page reloads. - jQuery handles cross-browser compatibility and provides a consistent

Web Development Introduction to jQueryLaurence Svekis ✔

JQuery introductionNexThoughts Technologies

This document provides an introduction to jQuery, including: - jQuery is a JavaScript library that simplifies HTML document interaction and event handling. It was created by John Resig in 2006. - The current version is 1.3.2 and version 1.4 is coming soon. John Resig continues to develop jQuery in Boston. - jQuery selects elements, changes their properties, handles events, and makes AJAX calls to simplify common JavaScript tasks. It works by selecting DOM elements and running functions on the selection.

J query introductionSMS_VietNam

jQuery is a JavaScript library that makes HTML document manipulation and event handling easier. It was created in 2006 and the current version is 2.1.4. This document provides an introduction to jQuery, including how it was developed, what it does, how to install it and learn it. It also summarizes jQuery's capabilities like selecting elements, handling events, animations, and AJAX calls. The document outlines a 4 session plan to cover jQuery basics like selecting elements, formatting text, adding page elements, events, animations and using jQuery plugins. It provides examples of common jQuery functions.

Web technologies-course 11.pptxStefan Oprea

This document provides an overview of a course on JavaScript and jQuery. The course covers jQuery introduction and syntax, selectors, events and methods, getting and setting content, DOM traversing and manipulation, animations, AJAX with jQuery, and templating engines. It describes how to add jQuery to web pages, jQuery syntax, selectors, events, methods for content manipulation, DOM traversing, dimensions, animations, AJAX functionality, and examples. It also discusses templating engines like Mustache.js for cleaner code. The course aims to simplify HTML DOM tree traversal, manipulation, event handling and more using jQuery.

Intro to jQuery @ Startup InstituteRafael Gonzaque

J query presentationsawarkar17

jQuery is a lightweight JavaScript library that makes HTML document traversal and manipulation, event handling, animation, and Ajax interactions easier. It takes common tasks that require many lines of JavaScript code and wraps them into methods that can be called with a single line of code. Originally created in 2006, jQuery simplifies HTML document navigation and manipulation, as well as event handling, CSS animation, and Ajax interactions for rapid web development. It has a simple syntax of $() selector and action() to select and perform actions on HTML elements.

J query presentationakanksha17

Jquery FundamentalsRebecca Murphey

This course will give you the knowledge you need to properly and effectively start integrating jQuery, the popular JavaScript library, into your web development projects. Over the course of two days, you'll learn the fundamental concepts of JavaScript and jQuery and tackle real-world exercises to solidify your understanding of the language and the library. This class is aimed at beginning jQuery users, although intermediate users may also benefit from the more formalized introduction to the library this class will offer.

Remy Sharp The DOM scripting toolkit jQuerydeimos

The document discusses jQuery, a JavaScript library that makes DOM scripting and event handling easier. It provides functions to select elements, handle events, perform animations and AJAX requests. Some key features include CSS selector syntax to select elements, chaining of methods, cross-browser compatibility, and a simple plugin API. Popular uses of jQuery include DOM manipulation, event handling, and animating effects.

jQueryJon Erickson

jQuery is a JavaScript framework that simplifies client-side scripting. It allows for selecting elements, traversing DOM structures, handling events, and developing animations and AJAX interactions. jQuery abstracts away cross-browser issues and its API is designed to reduce code for common tasks. It has a simple plug-in model for extending functionality and a large community that has built many plug-ins.

jQuery Introduction/ jquery basic conceptMuhammadJameel83

jQuery FundamentalsDoncho Minkov

This document provides a summary of jQuery fundamentals, including: - jQuery simplifies client-side scripting of HTML and selecting DOM elements - Popular uses include navigation, animation, event handling, and AJAX - jQuery is easy to learn and use, supports method chaining, and has a large developer community - Key concepts include selecting elements, DOM manipulation, events, AJAX requests, and using jQuery UI widgets

jQuery (DrupalCamp Toronto)jeresig

jQuery is an open source JavaScript library that simplifies HTML and JavaScript interaction by providing methods for selecting elements, handling events, performing animations and AJAX calls. It has a large community of users and developers, numerous plugins that extend its functionality, and is used by many large companies and websites. Major releases of jQuery have continued to improve performance, add new features, and expand cross-browser compatibility.

JQueryDevTalk

jQuery is a JavaScript library that simplifies HTML document traversing, event handling, animating, and Ajax interactions. It allows developers to select elements, handle events, and perform animations with less code. jQuery supports DOM manipulation, event handling, AJAX, animations, and is lightweight, cross-browser compatible, and supports the latest technologies. Selectors in jQuery allow developers to easily select elements in HTML documents. jQuery also provides methods for traversing, filtering, and manipulating selected elements. AJAX functionality in jQuery allows loading data asynchronously without page refreshes. jQuery includes methods for various stages of the AJAX lifecycle. jQuery provides simple interfaces for common effects like fading, sliding, and custom animations with minimal configuration

jQuery AwesomesauceSean Gaffney

This document provides an introduction to jQuery, a JavaScript library. It explains what jQuery is, how it simplifies DOM manipulation and event handling in JavaScript. It demonstrates how jQuery uses CSS-style selectors to select elements and provides many methods for traversing, manipulating, animating, and handling events on the DOM. Examples are given to illustrate how jQuery makes tasks like hiding elements, modifying CSS, and binding events much simpler than traditional JavaScript approaches. Resources for learning more about jQuery and its capabilities are also provided.

jQuery basics for BeginnersPooja Saxena

This document provides an introduction to jQuery, covering topics such as features, selectors, animations, events, manipulating HTML/CSS, traversing, and Ajax. It explains that jQuery is a free and open-source JavaScript library that simplifies tasks like DOM manipulation, event handling, animations, and Ajax interactions to facilitate rapid web development. Key jQuery concepts discussed include selectors, common animation effects, event handling, manipulating HTML and CSS, traversing DOM elements, and methods for loading remote data via Ajax.

2a-JQuery AJAX.pptxLe Hung

Learning jquery-in-30-minutes-1195942580702664-3luckysb16

jQueryIvano Malavolta

Week 4 - jQuery + Ajaxbaygross

Web Development Introduction to jQueryLaurence Svekis ✔

JQuery introductionNexThoughts Technologies

J query introductionSMS_VietNam

Web technologies-course 11.pptxStefan Oprea

Intro to jQuery @ Startup InstituteRafael Gonzaque

J query presentationsawarkar17

J query presentationakanksha17

Jquery FundamentalsRebecca Murphey

Remy Sharp The DOM scripting toolkit jQuerydeimos

jQueryJon Erickson

jQuery Introduction/ jquery basic conceptMuhammadJameel83

jQuery FundamentalsDoncho Minkov

jQuery (DrupalCamp Toronto)jeresig

JQueryDevTalk

jQuery AwesomesauceSean Gaffney

jQuery basics for BeginnersPooja Saxena

2a-JQuery AJAX.pptxLe Hung

Jquery in-15-minutes1421

1. jQuery in 15 minutes Torchbox, 7th August 2007

2. What makes jQuery interesting? • Built around CSS selectors • Well behaved • Doesn’t hijack your global namespace • Plays well with other libraries • API designed with conciseness and convenience as the driving factors

3. The jQuery() function jQuery('div#intro h2') jQuery('div.section > p') jQuery('input:radio') $('div#intro h2')

4. jQuery collections • $('div.section') returns a jQuery collection • You can call methods on it: $('div.section').size() = no. of matched elements $('div.section').each(function(div) { // Manipulate the div }

5. Manipulating collections • Most jQuery methods operate on all of the matched elements in the collection $('div.section').addClass('highlighted') $('img.photo').attr('src', '/default.png'); $('a.foo').html('<em>Click me now!</em>'); $('p:odd').css('background-color', '#ccc');

6. Grabbing values • Some methods return results from the ﬁrst matched element var height = $('div#intro').height(); var src = $('img.photo').attr('src'); var lastP = $('p:last').html()

7. Traversing the DOM • jQuery provides enhanced methods for traversing the DOM $('div.section').next() $('div.section').prev() $('div.section').prev('a') $('div.section').parent() $('div.section').parents()

8. Handling events • jQuery provides methods for assigning event handlers to elements in a cross-browser way $('a').click(function(ev) { $(this).css({backgroundColor: 'orange'}); ev.preventDefault(); });

9. Going unobtrusive $(document).ready(function() { alert('The DOM is ready!'); }); $(function() { alert('This is a shortcut') });

10. Chaining • Most jQuery methods return another jQuery object - often one representing the same collection. This means you can chain methods together: $('div.section').hide().addClass('gone');

11. Crazy chaining $('form#login') // hide all the labels inside the form with the 'optional' class .find('label.optional').hide().end() // add a red border to any password fields in the form .find('input:password').css('border', '1px solid red').end() // add a submit handler to the form .submit(function(){ return confirm('Are you sure you want to submit?'); }); From http://www.ibm.com/developerworks/library/x-ajaxjquery.html

12. Ajax • jQuery has excellent support for Ajax $('div#intro').load('/some/ﬁle.html'); • More advanced methods include: $.get(url, params, callback) $.post(url, params, callback) $.getJSON(url, params, callback) $.getScript(url, callback)

13. Plugins • jQuery is extensible through plugins, which can add new methods to the jQuery object • Form: better form manipulation • Dimensions: lots of browser measurements • Interface: fancy effects, accordions • UI: drag and drop, and more

14. Further reading • http://jquery.com/ - ofﬁcial site • http://visualjquery.com/ - useful API reference

Jquery in-15-minutes1421

Recommended

More Related Content

What's hot (20)

Viewers also liked (8)

Similar to Jquery in-15-minutes1421 (20)

Jquery in-15-minutes1421