The document is an introduction to jQuery presentation. It discusses what jQuery is, how to set it up and include it in a webpage, its core functionality and structure, and how it is used to select and manipulate elements on a page. jQuery is a lightweight JavaScript library that makes HTML document manipulation and event handling easier. It works across browsers and has thousands of plugins. The presentation provides examples of how jQuery simplifies tasks like showing/hiding elements compared to vanilla JavaScript.
This session dives deep into the DOM traversal methods of the jQuery API where you will learn the difference between brittle and fluid traversal methods, strategies for structuring your HTML, and how to leverage some of the more obscure jQuery selectors.
This document provides an overview and introduction to jQuery. It covers:
- What jQuery is and why it's useful
- Installing jQuery
- Basic jQuery syntax using selectors to find and manipulate elements
- Common jQuery events
- Effects like hide/show, fade, slide, and animate to transition elements
- The stop method to halt animations
Learn to balance your use of jQuery's .css with CSS Style Sheets. Covers pros, cons, and tips on when to choose one method over another. Presented at the jQuery SF Bay Area Conference 2011.
JsViews - Next Generation jQuery TemplatesBorisMoore
Come and see the future of jQuery Templates, as it moves from Beta1 towards a V1 product. The new jQuery Templates is taking two forms: JsRender – lean and mean, for fast rendering of templates as strings, and JsViews – for powerful interactive browser apps in which Data Link and Templates work hand-in-hand. See how with declarative data linking and templating together, creating powerful data-driven UI is easy, whether using MVVM patterns or binding directly to JSON, and whatever the richness or complexity of the underlying data.
jQuery UI is already building its future data-bound widgets on top of this technology. With JsViews and JsRender integration between jQuery UI controls and your own data and UI becomes trivially straightforward.
This document introduces jQuery, an open source JavaScript library. It discusses jQuery's features like DOM traversal, events, Ajax and animations. It covers finding elements using CSS selectors and jQuery methods. It also demonstrates performing actions like hiding, fading and chaining methods. The document provides examples of using jQuery for image effects and concludes with information about the author and using jQuery with other libraries.
This is our first presentation on NinjaScript, a tool by Logical Reality Design. Evan Dorn presented this to the LA Ruby Meetup on October 14, 2010.
NinjaScript: Javascript so unobtrusive, you'll never see it coming.
NinjaScript, which runs on top of jQuery, provides extremely easy-to-use UJS tools including instant conversion of regular forms and links into AJAX equivalents. NS provides for reusable behaviors and automatic rebinding of events in a way that is more flexible than event-delegation methods like jQuery live().
The document introduces the jQuery library, which is a popular JavaScript library that simplifies tasks like HTML document traversal, event handling, animating, and Ajax interactions. It notes that over 20% of websites use jQuery and outlines some of its main capabilities like selecting elements, hiding/showing elements, and loading remote HTML. Alternatives to jQuery are mentioned but it is positioned as standing alone in popularity based on Google search volumes.
The document is an introduction to jQuery presentation. It discusses what jQuery is, how to set it up and include it in a webpage, its core functionality and structure, and how it is used to select and manipulate elements on a page. jQuery is a lightweight JavaScript library that makes HTML document manipulation and event handling easier. It works across browsers and has thousands of plugins. The presentation provides examples of how jQuery simplifies tasks like showing/hiding elements compared to vanilla JavaScript.
This session dives deep into the DOM traversal methods of the jQuery API where you will learn the difference between brittle and fluid traversal methods, strategies for structuring your HTML, and how to leverage some of the more obscure jQuery selectors.
This document provides an overview and introduction to jQuery. It covers:
- What jQuery is and why it's useful
- Installing jQuery
- Basic jQuery syntax using selectors to find and manipulate elements
- Common jQuery events
- Effects like hide/show, fade, slide, and animate to transition elements
- The stop method to halt animations
Learn to balance your use of jQuery's .css with CSS Style Sheets. Covers pros, cons, and tips on when to choose one method over another. Presented at the jQuery SF Bay Area Conference 2011.
JsViews - Next Generation jQuery TemplatesBorisMoore
Come and see the future of jQuery Templates, as it moves from Beta1 towards a V1 product. The new jQuery Templates is taking two forms: JsRender – lean and mean, for fast rendering of templates as strings, and JsViews – for powerful interactive browser apps in which Data Link and Templates work hand-in-hand. See how with declarative data linking and templating together, creating powerful data-driven UI is easy, whether using MVVM patterns or binding directly to JSON, and whatever the richness or complexity of the underlying data.
jQuery UI is already building its future data-bound widgets on top of this technology. With JsViews and JsRender integration between jQuery UI controls and your own data and UI becomes trivially straightforward.
This document introduces jQuery, an open source JavaScript library. It discusses jQuery's features like DOM traversal, events, Ajax and animations. It covers finding elements using CSS selectors and jQuery methods. It also demonstrates performing actions like hiding, fading and chaining methods. The document provides examples of using jQuery for image effects and concludes with information about the author and using jQuery with other libraries.
This is our first presentation on NinjaScript, a tool by Logical Reality Design. Evan Dorn presented this to the LA Ruby Meetup on October 14, 2010.
NinjaScript: Javascript so unobtrusive, you'll never see it coming.
NinjaScript, which runs on top of jQuery, provides extremely easy-to-use UJS tools including instant conversion of regular forms and links into AJAX equivalents. NS provides for reusable behaviors and automatic rebinding of events in a way that is more flexible than event-delegation methods like jQuery live().
The document introduces the jQuery library, which is a popular JavaScript library that simplifies tasks like HTML document traversal, event handling, animating, and Ajax interactions. It notes that over 20% of websites use jQuery and outlines some of its main capabilities like selecting elements, hiding/showing elements, and loading remote HTML. Alternatives to jQuery are mentioned but it is positioned as standing alone in popularity based on Google search volumes.
The document provides an overview of jQuery, including what it is, its syntax, basic usage, selectors, filters, events, and effects. jQuery is a powerful JavaScript library that simplifies common JavaScript tasks like selecting elements, modifying CSS, handling events, and animations. It provides cross-browser compatibility and AJAX support. jQuery selectors and methods allow selecting and manipulating page elements via CSS-like syntax.
jQuery State of the Union - Yehuda KatzMarakana Inc.
What's the state of the most popular JavaScript library today? What's in-store for upcoming releases?
At an event hosted at Microsoft on November 9th, 2010, Yehuda Katz (a core member of the jQuery team) talked about updates planned for jQuery 1.4.3 and plans for jQuery 1.5, due next year.
He also covers:
- initiatives of the jQuery project
- jQuery mobile
- formalizing governance of the jQuery project
** See the video at: http://marakana.com/f/12312 **
Stay tuned for videos of these presentations from this event:
- jQuery jump start (15 min. session to get you productive with the JavaScript frameworks)
- jQuery with ASP.NET and Visual Studio Walk-through
- How jQuery continues to drive innovation with emerging technologies
In the meantime, check out more videos on open source development at: http://marakana.com/techtv
jQuery is a JavaScript library that makes JavaScript coding easier, increases development speed, and has extensive community support. It improves interactions between JavaScript and HTML through short, readable code to select and modify page elements. jQuery uses CSS selectors to select elements and includes methods for DOM traversal, modification, events, animations, Ajax requests, and plugins. While it has fewer utility functions than some libraries, jQuery is extensible through plugins and works well with other libraries.
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.
This document discusses abstraction as it relates to jQuery. It provides examples to illustrate that abstraction hides complex details and exposes only important functions. jQuery is described as an abstraction of JavaScript that makes it easier to use by hiding implementation details. A gas pedal is given as an analogy for how abstractions simplify complex systems. jQuery code is translated to plain English to demonstrate how it abstracts JavaScript code and provides a simpler interface.
The document discusses the history and evolution of JavaScript libraries for web development. It describes how jQuery has come to dominate the market due to its simplicity and robustness. It outlines Microsoft's initial development of its own Microsoft Ajax library to support ASP.NET developers, but how it later embraced jQuery instead and now includes it with Visual Studio.
This document provides an overview of jQuery syntax and structure:
- jQuery code follows a consistent structure of selecting an element, defining an event, and performing an action. This makes jQuery easier to learn than JavaScript.
- An example of jQuery code is provided to trigger an alert when a link is clicked, and it is translated line-by-line into plain English.
- The benefits of jQuery over JavaScript are fewer mistakes, less code, and faster learning due to its simple and intuitive structure.
This presentation covers some jQuery basics, as well as some general concepts you should understand about jQuery. You will find other tips and tricks sprinkled throughout before the live coding session starts.
The code from the live coding session is available here: https://github.com/dcneiner/jQuery-Bling and covers far more advanced topics than the slide portion of this presentation.
- Talk from FrontConf Munich 2017
- https://frontconf.com/talks/09-12-2017/reactive-type-safe-webcomponents
Abstract:
You know the drill right? new cool framework/library appears... boom! new Datepicker in that framework follows and soon enough whole UI libraries, again and again....
It's 2017 and it's time to stop this madness once and for all! How you ask?
In this talk we will go through implementation of an app via vanilla web components and explore all the pain points with all these low level primitives that we have natively in the browser.
In the end we will build our custom super tiny reactive type-safe library which will allow us to build web components with a breeze
Write once, use everywhere by using the platform + abstraction for great Developer experience.
How I Learned to Stop Worrying and Love jQuery (Jan 2013)David Giard
The document discusses how jQuery can be used to simplify JavaScript programming. It introduces jQuery, explaining that it provides cross-browser compatibility and built-in functions to make JavaScript coding easier. It also discusses how jQuery is widely used on popular websites and how to include jQuery in a web page.
Javascript framework churn is real. As a developer it's often difficult just to keep you head above water, let alone anticipate what the future holds. In this talk I take a quick look at the history and evolution of javascript frameworks and web components and examine how the interests of developers, standards bodies, framework authors, and businesses are all converging. From there I'll make some reasonable predictions about what might be coming for the future of front end frameworks and provide some practical guidance about what can be leveraged in your work today.
This document discusses using jQuery Templates and Data Link to build dynamic data-driven browser applications. It describes how jQuery Templates can be used to render templates from data but offers limited interactivity. jQuery Data Link allows binding data to HTML but has no templating. The presentation previews a new approach called JsViews that integrates Templates and Data Link to provide both fast rendering of templates to static HTML strings as well as fully interactive and responsive views through two-way data binding between templates and JavaScript data objects.
2016 is going to be the year of Virtual DOM. React.js one of the most popular implementation of Virtual DOM. But this time we won't focus on React.js. We will be focusing on what is the concept of Virtual DOM, what's the benefits, and how to use it without React.js. All of those concepts will help you understand this newest DOM manipulation technique and better work with any Virtual DOM implementations such React.js.
This document discusses HTML DOM and jQuery. It begins by explaining that DOM is a platform-independent standard for representing HTML and XML documents. It then describes how DOM presents HTML documents as node trees and allows JavaScript to access and manipulate nodes. The document also introduces jQuery, an open-source JavaScript library that simplifies HTML-JavaScript interaction. It notes key benefits of jQuery include being fully documented, having a large community, and simplifying tasks like selecting elements and handling events.
This document provides an introduction to jQuery, covering its features, comparisons to other frameworks, selectors, and plugins. jQuery is an open-source JavaScript library that simplifies DOM manipulation, event handling, animations, and Ajax interactions. It uses CSS-style selectors to select and manipulate HTML elements. Some key features include DOM element selections, DOM traversal/modification, DOM manipulation based on CSS selectors, events, effects/animations, Ajax, and extensibility through plugins. The document also discusses jQuery versus other frameworks like Dojo and YUI, demonstrates basic selectors and methods, and encourages the use of plugins to add additional functionality.
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.
The jQuery community has provided thousands of useful plugins which can be stitched together to create exceptional websites. However, organizing those plugins, tracking their upstream changes and managing dependencies can become a nightmare with a system to help you manage. JavascriptMVC, and specifically its new version 3 release, provides a framework for organizing outside code, integrating it into your workflow and compressing down to a single output javascript file. This talk will focus on taking external plugins such as jQuery Tools, jQuery UI and other popular plugins and creating a workflow for building larger applications from these components. I will show how to use the JavascriptMVC “getter” and “pluginify” scripts to pull external resources. With JavascriptMVC 3, css and javascript can be packaged together creating truly convenient widgets. I will also demonstrate how often-used pieces of functionality can be abstracted into plugins and shared with the general community via Github.
This document discusses jQuery, a popular JavaScript library. It provides advantages over plain JavaScript such as being cross-browser compatible, having built-in functions, and allowing unobtrusive JavaScript coding. The document explains jQuery syntax including selectors to select elements, events to bind behavior, and methods to perform actions. It also discusses using jQuery with Ajax and plugins.
This document provides an introduction and overview of jQuery, including:
- What jQuery is and its main features for selecting, manipulating, and traversing HTML elements, handling events, animating content, and making AJAX requests.
- How jQuery works by using the jQuery() function and alias $.
- How jQuery simplifies common JavaScript tasks like selecting elements and handling events using CSS-like selectors and methods.
- Key concepts of the DOM and how jQuery interacts with and modifies the DOM.
The document provides an overview of jQuery, a popular JavaScript library, including its history and benefits such as easy DOM manipulation, AJAX capabilities, and cross-browser compatibility. It then demonstrates several jQuery functions and selectors for modifying HTML elements, handling events, and making AJAX requests to update content without page refreshes. Examples are given for selecting elements, updating styles, handling events like clicks, and validating form input with plugins.
This document provides an introduction and overview of jQuery. It discusses how jQuery simplifies DOM navigation and manipulation, handles browser differences, and makes JavaScript coding easier. The document covers basic jQuery concepts like selectors, the jQuery function, attributes, and events. It also provides examples of common jQuery code.
The document provides an overview of jQuery, including what it is, its syntax, basic usage, selectors, filters, events, and effects. jQuery is a powerful JavaScript library that simplifies common JavaScript tasks like selecting elements, modifying CSS, handling events, and animations. It provides cross-browser compatibility and AJAX support. jQuery selectors and methods allow selecting and manipulating page elements via CSS-like syntax.
jQuery State of the Union - Yehuda KatzMarakana Inc.
What's the state of the most popular JavaScript library today? What's in-store for upcoming releases?
At an event hosted at Microsoft on November 9th, 2010, Yehuda Katz (a core member of the jQuery team) talked about updates planned for jQuery 1.4.3 and plans for jQuery 1.5, due next year.
He also covers:
- initiatives of the jQuery project
- jQuery mobile
- formalizing governance of the jQuery project
** See the video at: http://marakana.com/f/12312 **
Stay tuned for videos of these presentations from this event:
- jQuery jump start (15 min. session to get you productive with the JavaScript frameworks)
- jQuery with ASP.NET and Visual Studio Walk-through
- How jQuery continues to drive innovation with emerging technologies
In the meantime, check out more videos on open source development at: http://marakana.com/techtv
jQuery is a JavaScript library that makes JavaScript coding easier, increases development speed, and has extensive community support. It improves interactions between JavaScript and HTML through short, readable code to select and modify page elements. jQuery uses CSS selectors to select elements and includes methods for DOM traversal, modification, events, animations, Ajax requests, and plugins. While it has fewer utility functions than some libraries, jQuery is extensible through plugins and works well with other libraries.
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.
This document discusses abstraction as it relates to jQuery. It provides examples to illustrate that abstraction hides complex details and exposes only important functions. jQuery is described as an abstraction of JavaScript that makes it easier to use by hiding implementation details. A gas pedal is given as an analogy for how abstractions simplify complex systems. jQuery code is translated to plain English to demonstrate how it abstracts JavaScript code and provides a simpler interface.
The document discusses the history and evolution of JavaScript libraries for web development. It describes how jQuery has come to dominate the market due to its simplicity and robustness. It outlines Microsoft's initial development of its own Microsoft Ajax library to support ASP.NET developers, but how it later embraced jQuery instead and now includes it with Visual Studio.
This document provides an overview of jQuery syntax and structure:
- jQuery code follows a consistent structure of selecting an element, defining an event, and performing an action. This makes jQuery easier to learn than JavaScript.
- An example of jQuery code is provided to trigger an alert when a link is clicked, and it is translated line-by-line into plain English.
- The benefits of jQuery over JavaScript are fewer mistakes, less code, and faster learning due to its simple and intuitive structure.
This presentation covers some jQuery basics, as well as some general concepts you should understand about jQuery. You will find other tips and tricks sprinkled throughout before the live coding session starts.
The code from the live coding session is available here: https://github.com/dcneiner/jQuery-Bling and covers far more advanced topics than the slide portion of this presentation.
- Talk from FrontConf Munich 2017
- https://frontconf.com/talks/09-12-2017/reactive-type-safe-webcomponents
Abstract:
You know the drill right? new cool framework/library appears... boom! new Datepicker in that framework follows and soon enough whole UI libraries, again and again....
It's 2017 and it's time to stop this madness once and for all! How you ask?
In this talk we will go through implementation of an app via vanilla web components and explore all the pain points with all these low level primitives that we have natively in the browser.
In the end we will build our custom super tiny reactive type-safe library which will allow us to build web components with a breeze
Write once, use everywhere by using the platform + abstraction for great Developer experience.
How I Learned to Stop Worrying and Love jQuery (Jan 2013)David Giard
The document discusses how jQuery can be used to simplify JavaScript programming. It introduces jQuery, explaining that it provides cross-browser compatibility and built-in functions to make JavaScript coding easier. It also discusses how jQuery is widely used on popular websites and how to include jQuery in a web page.
Javascript framework churn is real. As a developer it's often difficult just to keep you head above water, let alone anticipate what the future holds. In this talk I take a quick look at the history and evolution of javascript frameworks and web components and examine how the interests of developers, standards bodies, framework authors, and businesses are all converging. From there I'll make some reasonable predictions about what might be coming for the future of front end frameworks and provide some practical guidance about what can be leveraged in your work today.
This document discusses using jQuery Templates and Data Link to build dynamic data-driven browser applications. It describes how jQuery Templates can be used to render templates from data but offers limited interactivity. jQuery Data Link allows binding data to HTML but has no templating. The presentation previews a new approach called JsViews that integrates Templates and Data Link to provide both fast rendering of templates to static HTML strings as well as fully interactive and responsive views through two-way data binding between templates and JavaScript data objects.
2016 is going to be the year of Virtual DOM. React.js one of the most popular implementation of Virtual DOM. But this time we won't focus on React.js. We will be focusing on what is the concept of Virtual DOM, what's the benefits, and how to use it without React.js. All of those concepts will help you understand this newest DOM manipulation technique and better work with any Virtual DOM implementations such React.js.
This document discusses HTML DOM and jQuery. It begins by explaining that DOM is a platform-independent standard for representing HTML and XML documents. It then describes how DOM presents HTML documents as node trees and allows JavaScript to access and manipulate nodes. The document also introduces jQuery, an open-source JavaScript library that simplifies HTML-JavaScript interaction. It notes key benefits of jQuery include being fully documented, having a large community, and simplifying tasks like selecting elements and handling events.
This document provides an introduction to jQuery, covering its features, comparisons to other frameworks, selectors, and plugins. jQuery is an open-source JavaScript library that simplifies DOM manipulation, event handling, animations, and Ajax interactions. It uses CSS-style selectors to select and manipulate HTML elements. Some key features include DOM element selections, DOM traversal/modification, DOM manipulation based on CSS selectors, events, effects/animations, Ajax, and extensibility through plugins. The document also discusses jQuery versus other frameworks like Dojo and YUI, demonstrates basic selectors and methods, and encourages the use of plugins to add additional functionality.
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.
The jQuery community has provided thousands of useful plugins which can be stitched together to create exceptional websites. However, organizing those plugins, tracking their upstream changes and managing dependencies can become a nightmare with a system to help you manage. JavascriptMVC, and specifically its new version 3 release, provides a framework for organizing outside code, integrating it into your workflow and compressing down to a single output javascript file. This talk will focus on taking external plugins such as jQuery Tools, jQuery UI and other popular plugins and creating a workflow for building larger applications from these components. I will show how to use the JavascriptMVC “getter” and “pluginify” scripts to pull external resources. With JavascriptMVC 3, css and javascript can be packaged together creating truly convenient widgets. I will also demonstrate how often-used pieces of functionality can be abstracted into plugins and shared with the general community via Github.
This document discusses jQuery, a popular JavaScript library. It provides advantages over plain JavaScript such as being cross-browser compatible, having built-in functions, and allowing unobtrusive JavaScript coding. The document explains jQuery syntax including selectors to select elements, events to bind behavior, and methods to perform actions. It also discusses using jQuery with Ajax and plugins.
This document provides an introduction and overview of jQuery, including:
- What jQuery is and its main features for selecting, manipulating, and traversing HTML elements, handling events, animating content, and making AJAX requests.
- How jQuery works by using the jQuery() function and alias $.
- How jQuery simplifies common JavaScript tasks like selecting elements and handling events using CSS-like selectors and methods.
- Key concepts of the DOM and how jQuery interacts with and modifies the DOM.
The document provides an overview of jQuery, a popular JavaScript library, including its history and benefits such as easy DOM manipulation, AJAX capabilities, and cross-browser compatibility. It then demonstrates several jQuery functions and selectors for modifying HTML elements, handling events, and making AJAX requests to update content without page refreshes. Examples are given for selecting elements, updating styles, handling events like clicks, and validating form input with plugins.
This document provides an introduction and overview of jQuery. It discusses how jQuery simplifies DOM navigation and manipulation, handles browser differences, and makes JavaScript coding easier. The document covers basic jQuery concepts like selectors, the jQuery function, attributes, and events. It also provides examples of common jQuery code.
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code.
The document provides an overview of jQuery including:
- What jQuery is and its main features like DOM manipulation and AJAX
- How to include jQuery in an HTML document and basic usage syntax
- jQuery selectors to find elements and filters to refine selections
- Common jQuery methods for manipulating attributes, events, HTML, CSS, and more
- Examples of using various jQuery functions and concepts
jQuery is a JavaScript library that simplifies web development and is widely used. It allows developers to select elements, manipulate DOM elements, handle events, and develop animations and AJAX interactions easily. jQuery supports cross-browser functionality and makes tasks like DOM manipulation, event handling, animation, and Ajax easier through its simple and concise API. Developers can implement jQuery either from scratch or by using existing plugins.
The document discusses jQuery API functions related to core functionality, selectors, data access, and attributes. It provides examples and explanations of functions like jQuery(), each(), html(), text(), val(), attr(), and removeAttr(). Key points covered include how jQuery() is used to select elements, how each() iterates over a jQuery object, and how attr(), html(), and text() are used to get/set element attributes and content.
jQuery - the world's most popular java script library comes to XPagesMark Roden
This document discusses using jQuery with XPages. It begins with an introduction to jQuery, explaining that it is a popular JavaScript library that simplifies document manipulation, events, animation, and AJAX. It then compares jQuery to Dojo and provides guidance on when each should be used. The document demonstrates how jQuery works via its API and methods. It also explains how to add jQuery to an XPages application either directly in code or via a theme. Finally, it discusses jQuery plugins and how they can provide ready-made functionality to solve requirements.
jQuery is a popular JavaScript library that simplifies HTML document traversal and manipulation, event handling, animation, and Ajax interactions for rapid web development. It makes things like adding effects, handling events, developing modular plugins, and requesting data from web servers more straightforward. Major sites use jQuery due to its small file size, cross-browser compatibility, and ease of use for powerful JavaScript effects and DOM manipulation.
JQuery is a JavaScript library that makes it easier to use JavaScript on websites. It allows developers to select HTML elements and perform actions on them with simple method calls. Some key points covered include how to include JQuery in an HTML page, common selectors to select elements, and examples of using JQuery to modify CSS styles and handle events like clicks and hovers. Events in JQuery allow responding to user actions, and methods like hide(), show(), toggle() allow changing the visibility of elements.
This document outlines a presentation on jQuery fundamentals. The presentation introduces jQuery as a lightweight JavaScript library for DOM manipulation, event handling, Ajax, and animation. It covers jQuery syntax, selectors, DOM traversal and manipulation methods. It also discusses jQuery's event system, Ajax support, and plugins. The presentation includes demos of common jQuery tasks to demonstrate its usage and capabilities.
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() methods and is now one of the most popular JavaScript libraries.
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.
The document discusses jQuery and its selector engine Sizzle, providing an overview of how Sizzle breaks selectors down into arrays and then matches elements by going through the arrays from left to right and testing elements against a set of regular expressions defined in its match object. It also touches on how different JavaScript libraries approach selector matching differently in terms of direction and use of the browser's native querySelectorAll method.
This document discusses using jQuery with Drupal. It provides an overview of jQuery and its benefits over JavaScript. It then discusses guidelines for using jQuery in Drupal modules and themes, such as adding JavaScript files with drupal_add_js() and defining behaviors. Examples are given of simple DOM manipulation with JavaScript, jQuery, and best practices for jQuery in Drupal.
The document discusses jQuery, a JavaScript library. It provides an introduction to jQuery, explaining that it simplifies HTML document traversal and manipulation, event handling, animation, and Ajax interactions for rapid web development. It also allows developers to write less code and do more. The core jQuery function and chaining methods are described. Finally, it covers jQuery selectors, traversing, manipulation, and other basic APIs.
Jquery Complete Presentation along with Javascript BasicsEPAM Systems
jQuery is a JavaScript library that simplifies HTML document manipulation and event handling. It allows developers to select elements, hide/show elements, and handle events with simple and concise code. jQuery animations and effects like fade, slide, and animate allow for creative transitions between states.
jQuery is a JavaScript library that simplifies HTML and JavaScript interaction. It allows developers to select elements, perform actions on them such as adding/removing classes or triggering events, and chaining multiple actions together. jQuery supports CSS selectors, DOM manipulation, event handling, effects/animations, and AJAX operations. It is widely used by major websites for interactive prototypes and applications due to its small size, extensive documentation, plugins, and cross-browser compatibility.
This document summarizes a presentation about beginning jQuery. It introduces jQuery, describing it as a lightweight JavaScript library. It discusses jQuery's history and core team. It also provides overviews of how to set up jQuery, how it works, and its core functionality like selecting elements, manipulating DOM elements, and handling events.
This document provides an overview of jQuery, including what it is, why it's useful, how to get started, and some common jQuery syntax. jQuery is a JavaScript library that makes it much easier to use JavaScript on websites. It simplifies tasks like DOM manipulation, event handling, animation, and Ajax. The document explains how to download jQuery, includes some basic jQuery syntax using selectors and methods, and covers various features like effects, HTML/CSS manipulation, events, traversing, and Ajax.
Similar to jQuery - write less, do more javascript toolkit (20)
The report *State of D2C in India: A Logistics Update* talks about the evolving dynamics of the d2C landscape with a particular focus on how brands navigate the complexities of logistics. Third Party Logistics enablers emerge indispensable partners in facilitating the growth journey of D2C brands, offering cost-effective solutions tailored to their specific needs. As D2C brands continue to expand, they encounter heightened operational complexities with logistics standing out as a significant challenge. Logistics not only represents a substantial cost component for the brands but also directly influences the customer experience. Establishing efficient logistics operations while keeping costs low is therefore a crucial objective for brands. The report highlights how 3PLs are meeting the rising demands of D2C brands, supporting their expansion both online and offline, and paving the way for sustainable, scalable growth in this fast-paced market.
The APCO Geopolitical Radar - Q3 2024 The Global Operating Environment for Bu...APCO
The Radar reflects input from APCO’s teams located around the world. It distils a host of interconnected events and trends into insights to inform operational and strategic decisions. Issues covered in this edition include:
❼❷⓿❺❻❷❽❷❼❽ Dpboss Matka Result Satta Matka Guessing Satta Fix jodi Kalyan Final ank Satta Matka Dpbos Final ank Satta Matta Matka 143 Kalyan Matka Guessing Final Matka Final ank Today Matka 420 Satta Batta Satta 143 Kalyan Chart Main Bazar Chart vip Matka Guessing Dpboss 143 Guessing Kalyan night
SATTA MATKA DPBOSS KALYAN MATKA RESULTS KALYAN CHART KALYAN MATKA MATKA RESULT KALYAN MATKA TIPS SATTA MATKA MATKA COM MATKA PANA JODI TODAY BATTA SATKA MATKA PATTI JODI NUMBER MATKA RESULTS MATKA CHART MATKA JODI SATTA COM INDIA SATTA MATKA MATKA TIPS MATKA WAPKA ALL MATKA RESULT LIVE ONLINE MATKA RESULT KALYAN MATKA RESULT DPBOSS MATKA 143 MAIN MATKA KALYAN MATKA RESULTS KALYAN CHART INDIA MATKA KALYAN SATTA MATKA 420 INDIAN MATKA SATTA KING MATKA FIX JODI FIX FIX FIX SATTA NAMBAR MATKA INDIA SATTA BATTA
Call8328958814 satta matka Kalyan result satta guessing➑➌➋➑➒➎➑➑➊➍
Satta Matka Kalyan Main Mumbai Fastest Results
Satta Matka ❋ Sattamatka ❋ New Mumbai Ratan Satta Matka ❋ Fast Matka ❋ Milan Market ❋ Kalyan Matka Results ❋ Satta Game ❋ Matka Game ❋ Satta Matka ❋ Kalyan Satta Matka ❋ Mumbai Main ❋ Online Matka Results ❋ Satta Matka Tips ❋ Milan Chart ❋ Satta Matka Boss❋ New Star Day ❋ Satta King ❋ Live Satta Matka Results ❋ Satta Matka Company ❋ Indian Matka ❋ Satta Matka 143❋ Kalyan Night Matka..
𝐔𝐧𝐯𝐞𝐢𝐥 𝐭𝐡𝐞 𝐅𝐮𝐭𝐮𝐫𝐞 𝐨𝐟 𝐄𝐧𝐞𝐫𝐠𝐲 𝐄𝐟𝐟𝐢𝐜𝐢𝐞𝐧𝐜𝐲 𝐰𝐢𝐭𝐡 𝐍𝐄𝐖𝐍𝐓𝐈𝐃𝐄’𝐬 𝐋𝐚𝐭𝐞𝐬𝐭 𝐎𝐟𝐟𝐞𝐫𝐢𝐧𝐠𝐬
Explore the details in our newly released product manual, which showcases NEWNTIDE's advanced heat pump technologies. Delve into our energy-efficient and eco-friendly solutions tailored for diverse global markets.
[To download this presentation, visit:
https://www.oeconsulting.com.sg/training-presentations]
This PowerPoint compilation offers a comprehensive overview of 20 leading innovation management frameworks and methodologies, selected for their broad applicability across various industries and organizational contexts. These frameworks are valuable resources for a wide range of users, including business professionals, educators, and consultants.
Each framework is presented with visually engaging diagrams and templates, ensuring the content is both informative and appealing. While this compilation is thorough, please note that the slides are intended as supplementary resources and may not be sufficient for standalone instructional purposes.
This compilation is ideal for anyone looking to enhance their understanding of innovation management and drive meaningful change within their organization. Whether you aim to improve product development processes, enhance customer experiences, or drive digital transformation, these frameworks offer valuable insights and tools to help you achieve your goals.
INCLUDED FRAMEWORKS/MODELS:
1. Stanford’s Design Thinking
2. IDEO’s Human-Centered Design
3. Strategyzer’s Business Model Innovation
4. Lean Startup Methodology
5. Agile Innovation Framework
6. Doblin’s Ten Types of Innovation
7. McKinsey’s Three Horizons of Growth
8. Customer Journey Map
9. Christensen’s Disruptive Innovation Theory
10. Blue Ocean Strategy
11. Strategyn’s Jobs-To-Be-Done (JTBD) Framework with Job Map
12. Design Sprint Framework
13. The Double Diamond
14. Lean Six Sigma DMAIC
15. TRIZ Problem-Solving Framework
16. Edward de Bono’s Six Thinking Hats
17. Stage-Gate Model
18. Toyota’s Six Steps of Kaizen
19. Microsoft’s Digital Transformation Framework
20. Design for Six Sigma (DFSS)
To download this presentation, visit:
https://www.oeconsulting.com.sg/training-presentations
Ellen Burstyn: From Detroit Dreamer to Hollywood Legend | CIO Women MagazineCIOWomenMagazine
In this article, we will dive into the extraordinary life of Ellen Burstyn, where the curtains rise on a story that's far more attractive than any script.
During the budget session of 2024-25, the finance minister, Nirmala Sitharaman, introduced the “solar Rooftop scheme,” also known as “PM Surya Ghar Muft Bijli Yojana.” It is a subsidy offered to those who wish to put up solar panels in their homes using domestic power systems. Additionally, adopting photovoltaic technology at home allows you to lower your monthly electricity expenses. Today in this blog we will talk all about what is the PM Surya Ghar Muft Bijli Yojana. How does it work? Who is eligible for this yojana and all the other things related to this scheme?
Efficient PHP Development Solutions for Dynamic Web ApplicationsHarwinder Singh
Unlock the full potential of your web projects with our expert PHP development solutions. From robust backend systems to dynamic front-end interfaces, we deliver scalable, secure, and high-performance applications tailored to your needs. Trust our skilled team to transform your ideas into reality with custom PHP programming, ensuring seamless functionality and a superior user experience.
Best Competitive Marble Pricing in Dubai - ☎ 9928909666Stone Art Hub
Stone Art Hub offers the best competitive Marble Pricing in Dubai, ensuring affordability without compromising quality. With a wide range of exquisite marble options to choose from, you can enhance your spaces with elegance and sophistication. For inquiries or orders, contact us at ☎ 9928909666. Experience luxury at unbeatable prices.
Discover the Beauty and Functionality of The Expert Remodeling Serviceobriengroupinc04
Unlock your kitchen's true potential with expert remodeling services from O'Brien Group Inc. Transform your space into a functional, modern, and luxurious haven with their experienced professionals. From layout reconfiguration to high-end upgrades, they deliver stunning results tailored to your style and needs. Visit obriengroupinc.com to elevate your kitchen's beauty and functionality today.
The Most Inspiring Entrepreneurs to Follow in 2024.pdfthesiliconleaders
In a world where the potential of youth innovation remains vastly untouched, there emerges a guiding light in the form of Norm Goldstein, the Founder and CEO of EduNetwork Partners. His dedication to this cause has earned him recognition as a Congressional Leadership Award recipient.
Prescriptive analytics BA4206 Anna University PPTFreelance
Business analysis - Prescriptive analytics Introduction to Prescriptive analytics
Prescriptive Modeling
Non Linear Optimization
Demonstrating Business Performance Improvement
1. Introduction to jQuery
Write less, do more!
Girish Venkatachalam
Chennai
girish1729@gmail.com
December 8, 2007
2. Basic web interface architecture
Figure: basic building blocks
HTML provides content
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 2 / 22
3. Basic web interface architecture
Figure: basic building blocks
HTML provides content
CSS provides appearance, placement and layout
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 2 / 22
4. Basic web interface architecture
Figure: basic building blocks
HTML provides content
CSS provides appearance, placement and layout
Javascript provides dynamism and defines behavior
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 2 / 22
5. html tree structure
Every html node forms part of a tree with html as root node
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 3 / 22
6. html tree structure
Every html node forms part of a tree with html as root node
You can traverse the tree easily since it has a fixed structure
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 3 / 22
7. html tree structure
Every html node forms part of a tree with html as root node
You can traverse the tree easily since it has a fixed structure
Every node has attributes and optionally child nodes
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 3 / 22
8. A simple html example
<html>
<head>
<title> A simple example </title>
</head>
<body>
<h1 align=quot;centerquot;> Hello world html </h1>
<p> How are you? </p>
</body>
</html>
Fundamental building block of all web apps
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 5 / 22
9. A simple html example
<html>
<head>
<title> A simple example </title>
</head>
<body>
<h1 align=quot;centerquot;> Hello world html </h1>
<p> How are you? </p>
</body>
</html>
Fundamental building block of all web apps
Javascript to manipulate DOM elements
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 5 / 22
10. A simple html example
<html>
<head>
<title> A simple example </title>
</head>
<body>
<h1 align=quot;centerquot;> Hello world html </h1>
<p> How are you? </p>
</body>
</html>
Fundamental building block of all web apps
Javascript to manipulate DOM elements
Cascading style sheets (CSS) for appearance
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 5 / 22
11. A simple html example
<html>
<head>
<title> A simple example </title>
</head>
<body>
<h1 align=quot;centerquot;> Hello world html </h1>
<p> How are you? </p>
</body>
</html>
Fundamental building block of all web apps
Javascript to manipulate DOM elements
Cascading style sheets (CSS) for appearance
Learning html is a must before we do web programming!
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 5 / 22
12. What is CSS?
html supplies the content
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 6 / 22
13. What is CSS?
CSS determines the beauty
html supplies the content
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 6 / 22
14. What is CSS?
CSS determines the beauty
html supplies the content
What remains?
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 6 / 22
15. Intro to javascript
What about the behavior?
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 7 / 22
16. Intro to javascript
What about the behavior?
That is where a programming language like javascript comes in.
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 7 / 22
17. Document Object Model
What is the role of DOM in web programming?
Animations
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 8 / 22
18. Document Object Model
What is the role of DOM in web programming?
Animations
jQuery does a marvelous job of DOM manipulations
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 8 / 22
19. jQuery fundament
Tiniest js/AJAX toolkit around
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 9 / 22
20. jQuery fundament
Tiniest js/AJAX toolkit around
Very very very powerful
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 9 / 22
21. jQuery fundament
Tiniest js/AJAX toolkit around
Very very very powerful
Extremely well maintained with 100s of plugins
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 9 / 22
22. jQuery fundament
Tiniest js/AJAX toolkit around
Very very very powerful
Extremely well maintained with 100s of plugins
Abstracts out portability issues and javascript gunk
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 9 / 22
23. A jQuery code sample
$(document).ready(function() {
$(’a’).hover(function() {
$(this).hide(’slow’);
});
});
Neat eh?
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 11 / 22
24. A jQuery code sample
$(document).ready(function() {
$(’a’).hover(function() {
$(this).hide(’slow’);
});
});
Neat eh?
This is all it takes for an animation using jQuery
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 11 / 22
25. A jQuery code sample
$(document).ready(function() {
$(’a’).hover(function() {
$(this).hide(’slow’);
});
});
Neat eh?
This is all it takes for an animation using jQuery
You have to add it between the ’script’ tag you always use for
javascript
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 11 / 22
26. A jQuery code sample
$(document).ready(function() {
$(’a’).hover(function() {
$(this).hide(’slow’);
});
});
Neat eh?
This is all it takes for an animation using jQuery
You have to add it between the ’script’ tag you always use for
javascript
After all jQuery is also javascript
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 11 / 22
27. A jQuery code sample
$(document).ready(function() {
$(’a’).hover(function() {
$(this).hide(’slow’);
});
});
Neat eh?
This is all it takes for an animation using jQuery
You have to add it between the ’script’ tag you always use for
javascript
After all jQuery is also javascript
Without its disadvantages and ugliness. . .
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 11 / 22
28. Another jQuery sample
$(document).ready(function (){
$(’a’).hover(function (){
$(this).hide(’slow’);
},function(){
$(this).show(’fast’);
});
});
This sample builds on the previous example
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 13 / 22
29. Another jQuery sample
$(document).ready(function (){
$(’a’).hover(function (){
$(this).hide(’slow’);
},function(){
$(this).show(’fast’);
});
});
This sample builds on the previous example
This is all it takes for an animation using jQuery (once again)
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 13 / 22
30. Another jQuery sample
$(document).ready(function (){
$(’a’).hover(function (){
$(this).hide(’slow’);
},function(){
$(this).show(’fast’);
});
});
This sample builds on the previous example
This is all it takes for an animation using jQuery (once again)
But it is not just animations. . .
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 13 / 22
31. Exploring jQuery
jQuery’s power comes from its powerful selectors, easy DOM and
CSS manipulations, mouse and keyboard event handling and excellent
support for AJAX programming.
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 14 / 22
32. Exploring jQuery
jQuery’s power comes from its powerful selectors, easy DOM and
CSS manipulations, mouse and keyboard event handling and excellent
support for AJAX programming.
John Resig achieved something revolutionary by leaving out the
inessentials and keeping things small
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 14 / 22
33. Exploring jQuery
jQuery’s power comes from its powerful selectors, easy DOM and
CSS manipulations, mouse and keyboard event handling and excellent
support for AJAX programming.
John Resig achieved something revolutionary by leaving out the
inessentials and keeping things small
This has led to a subculture of jQuery plugins - extensions are
available for nearly every web design task you can think of
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 14 / 22
34. Exploring jQuery
jQuery’s power comes from its powerful selectors, easy DOM and
CSS manipulations, mouse and keyboard event handling and excellent
support for AJAX programming.
John Resig achieved something revolutionary by leaving out the
inessentials and keeping things small
This has led to a subculture of jQuery plugins - extensions are
available for nearly every web design task you can think of
We shall take a peek at some of the extensions
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 14 / 22
35. jQuery plugins
jScrollPane
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
36. jQuery plugins
jScrollPane
Field plugin
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
37. jQuery plugins
jScrollPane
Field plugin
Extra selectors
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
38. jQuery plugins
jScrollPane
Field plugin
Extra selectors
Visual jQuery
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
39. jQuery plugins
jScrollPane
Field plugin
Extra selectors
Visual jQuery
Cycle plugin
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
40. jQuery plugins
jScrollPane
Field plugin
Extra selectors
Visual jQuery
Cycle plugin
jqPuzzle
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
41. jQuery plugins
jScrollPane
Field plugin
Extra selectors
Visual jQuery
Cycle plugin
jqPuzzle
jTip for balloon tips (tooltip)
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
42. jQuery plugins
jScrollPane
Field plugin
Extra selectors
Visual jQuery
Cycle plugin
jqPuzzle
jTip for balloon tips (tooltip)
Impromptu
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
43. jQuery plugins
jScrollPane Embed videos (You can
Field plugin watch mpeg videos )
Extra selectors
Visual jQuery
Cycle plugin
jqPuzzle
jTip for balloon tips (tooltip)
Impromptu
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
44. jQuery plugins
jScrollPane Embed videos (You can
Field plugin watch mpeg videos )
Extra selectors Datepicker plugin
Visual jQuery
Cycle plugin
jqPuzzle
jTip for balloon tips (tooltip)
Impromptu
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
45. jQuery plugins
jScrollPane Embed videos (You can
Field plugin watch mpeg videos )
Extra selectors Datepicker plugin
Visual jQuery UI for drag and drop
Cycle plugin
jqPuzzle
jTip for balloon tips (tooltip)
Impromptu
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
46. jQuery plugins
jScrollPane Embed videos (You can
Field plugin watch mpeg videos )
Extra selectors Datepicker plugin
Visual jQuery UI for drag and drop
Cycle plugin Confirm plugin
jqPuzzle
jTip for balloon tips (tooltip)
Impromptu
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
47. jQuery plugins
jScrollPane Embed videos (You can
Field plugin watch mpeg videos )
Extra selectors Datepicker plugin
Visual jQuery UI for drag and drop
Cycle plugin Confirm plugin
jqPuzzle Form handing
jTip for balloon tips (tooltip)
Impromptu
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
48. jQuery plugins
jScrollPane Embed videos (You can
Field plugin watch mpeg videos )
Extra selectors Datepicker plugin
Visual jQuery UI for drag and drop
Cycle plugin Confirm plugin
jqPuzzle Form handing
jTip for balloon tips (tooltip) Keyboard shortcut handling
Impromptu
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
49. jQuery plugins
jScrollPane Embed videos (You can
Field plugin watch mpeg videos )
Extra selectors Datepicker plugin
Visual jQuery UI for drag and drop
Cycle plugin Confirm plugin
jqPuzzle Form handing
jTip for balloon tips (tooltip) Keyboard shortcut handling
Impromptu And much much more...
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 15 / 22
50. Advanced jQuery I
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 16 / 22
51. Advanced jQuery I
jQuery can work with AJAX and other javascript libraries seamlessly
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 16 / 22
52. Advanced jQuery I
jQuery can work with AJAX and other javascript libraries seamlessly
jQuery can obviate the need for using javascript directly for most
common web app/UI development needs.
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 16 / 22
53. Advanced jQuery II
$(document).ready(function() {
$(quot;#ratingquot;).append(quot;Please rate: quot;);
for ( var i = 1; i <= 5; i++ )
$(quot;#ratingquot;).append(quot;<a href=’#’>quot; + i + quot;</a> quot;);
$(quot;#rating aquot;).click(function(e){
$.post(quot;rate.phpquot;, {rating: $(this).html()},
function(xml) { $(quot;#ratingquot;).html(
quot;Thanks for rating, current average: quot; +
$(quot;averagequot;, xml).text() +
quot;, number of votes: quot; +
$(quot;countquot;, xml).text()
); });
return false; }); });
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 18 / 22
54. Further study
More selectors and advanced use is gained by experience
$(’#fooid’).onblur();
$(’.fooclass’).onmousever();
$(’div#fooid’).find();
$(’h1’).css(’text-transform’,’underline’);
$(’div’).addClass(’colorful’);
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 20 / 22
55. Further study
More selectors and advanced use is gained by experience
$(’#fooid’).onblur();
$(’.fooclass’).onmousever();
$(’div#fooid’).find();
$(’h1’).css(’text-transform’,’underline’);
$(’div’).addClass(’colorful’);
Possibilities are endless!
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 20 / 22
56. Questions?
Discussion and questions?
http://jquery.com
1
http://visualjquery.com
2
http://www.alistapart.com
3
http://www.csszengarden.com
4
Girish Venkatachalam (entrepreneur) Introduction to jQuery December 8, 2007 22 / 22