The document provides information about jQuery selectors and core functions. It includes a list of selector types like the class selector, ID selector, and attribute selectors. It also summarizes some core jQuery methods like jQuery() to select elements, and methods to manipulate attributes and CSS styles.
jQuery BootCamp : Creating the Wrapped Element SetWildan Maulana
This document discusses selecting elements and manipulating the wrapped element set in jQuery. It covers:
1. Using basic and advanced CSS selectors like ID, class, tags, attributes, position, and custom selectors to select elements.
2. Creating and adding new HTML elements to the DOM with jQuery.
3. Managing the wrapped element set - determining its size, obtaining elements, slicing/dicing, and adding more elements to the set.
4. Applying jQuery methods like addClass() to the selected elements to manipulate the DOM.
The document is a visual cheat sheet for jQuery 1.7 that provides an overview of jQuery core functionality, selectors, attributes, traversing, manipulation, CSS, events, effects, AJAX, utilities, callbacks, data, and deferred objects. It includes icons to denote new or changed features in jQuery 1.7 and uses formatting to organize the content into sections.
This document provides an overview of jQuery selectors and methods for manipulating the DOM. It begins with selectors for selecting elements by tag name, id, class, and other attributes. It then covers events, attributes, CSS manipulation, traversing the DOM tree, and methods for inserting, removing and replacing content. In total, it outlines over 50 different jQuery selectors and methods for working with HTML elements.
We have touched as many as topics of JQuery. We have targeted almost all sections of Jquery except Ajax events and response.
Below topics are covered in this presentation:
1. Selectors
2. Events
3. Effects
4. Traversing
5. noConflict()
jQuery concepts, allowing you to add interactions and animations to your pages adopted by most popular sites on the Internet.Hundreds of plug-ins and function have been developed to extend jQuery's functionality,jqery PPT,Web Development
jQuery is a popular JavaScript library that simplifies HTML document manipulation and event handling. It allows developers to select elements, handle events, perform animations and AJAX calls. jQuery uses CSS selectors to select elements and includes methods for DOM traversal, manipulation, events and effects. It works across browsers and supports plugins for additional functionality.
This document is a visual cheat sheet for jQuery selectors and core functions in jQuery 1.5. It provides descriptions and examples for various jQuery selectors including basic, hierarchy, content filter, child filter selectors. It also summarizes some core jQuery functions like get, index, length, selector and more.
jQuery BootCamp : Creating the Wrapped Element SetWildan Maulana
This document discusses selecting elements and manipulating the wrapped element set in jQuery. It covers:
1. Using basic and advanced CSS selectors like ID, class, tags, attributes, position, and custom selectors to select elements.
2. Creating and adding new HTML elements to the DOM with jQuery.
3. Managing the wrapped element set - determining its size, obtaining elements, slicing/dicing, and adding more elements to the set.
4. Applying jQuery methods like addClass() to the selected elements to manipulate the DOM.
The document is a visual cheat sheet for jQuery 1.7 that provides an overview of jQuery core functionality, selectors, attributes, traversing, manipulation, CSS, events, effects, AJAX, utilities, callbacks, data, and deferred objects. It includes icons to denote new or changed features in jQuery 1.7 and uses formatting to organize the content into sections.
This document provides an overview of jQuery selectors and methods for manipulating the DOM. It begins with selectors for selecting elements by tag name, id, class, and other attributes. It then covers events, attributes, CSS manipulation, traversing the DOM tree, and methods for inserting, removing and replacing content. In total, it outlines over 50 different jQuery selectors and methods for working with HTML elements.
We have touched as many as topics of JQuery. We have targeted almost all sections of Jquery except Ajax events and response.
Below topics are covered in this presentation:
1. Selectors
2. Events
3. Effects
4. Traversing
5. noConflict()
jQuery concepts, allowing you to add interactions and animations to your pages adopted by most popular sites on the Internet.Hundreds of plug-ins and function have been developed to extend jQuery's functionality,jqery PPT,Web Development
jQuery is a popular JavaScript library that simplifies HTML document manipulation and event handling. It allows developers to select elements, handle events, perform animations and AJAX calls. jQuery uses CSS selectors to select elements and includes methods for DOM traversal, manipulation, events and effects. It works across browsers and supports plugins for additional functionality.
This document is a visual cheat sheet for jQuery selectors and core functions in jQuery 1.5. It provides descriptions and examples for various jQuery selectors including basic, hierarchy, content filter, child filter selectors. It also summarizes some core jQuery functions like get, index, length, selector and more.
This document provides a visual cheat sheet summary of jQuery selectors, core functionality, attributes, CSS manipulation, traversing, manipulation, events, effects, AJAX, and utilities. It includes descriptions of methods and selectors, their parameters and return values. New features in jQuery 1.4.x are marked with an equals sign, deprecated items are marked with a circled D, and data types are abbreviated.
The document is a presentation about web design and development using jQuery. It introduces jQuery and why it is useful, how to include jQuery, and describes 21 helpful jQuery methods such as addClass(), removeClass(), attr(), val(), html(), click(), append(), and more. Each method is explained in 1-2 paragraphs with examples of how to use the method and its parameters. The document concludes with references to the jQuery API documentation for each method.
jQuery Tutorial For Beginners | Developing User Interface (UI) Using jQuery |...Edureka!
( ** Full Stack Masters Training: https://www.edureka.co/masters-program/full-stack-developer-training ** )
This PPT on jQuery will help you understand the basics of jQuery and you will also be able to create your own program using jQuery by the end of this PPT.
Follow us to never miss an update in the future.
Instagram: https://www.instagram.com/edureka_learning/
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka
The Ring programming language version 1.6 book - Part 75 of 189Mahmoud Samir Fayed
This document provides guidance on how Ring handles variable scoping and access. It discusses how Ring searches for variables first in the local scope, then the object scope, and finally the public scope. It also describes potential conflicts that can arise between variables in different scopes and provides solutions.
The document discusses Swing components in Java, including how to create windows, add components to windows, handle events, and work with text components. Key topics covered include the component hierarchy for common Swing widgets like JFrame, JLabel, JButton, and JTextField. It also discusses how to register listeners, manipulate document content, and build a basic browser component.
The Ring programming language version 1.10 book - Part 85 of 212Mahmoud Samir Fayed
Ring uses three scopes to determine where variables are defined and accessed: global, object, and local. Variables are first searched for in the local scope, then object scope, and finally global scope. Using braces {} to access objects changes the current object scope. There can be conflicts when a global variable and class attribute, or a local variable and class attribute, share a name. The best practices are to prefix global variables with $, avoid global variables when possible, and use self.attribute when accessing attributes to disambiguate from local variables.
The document provides documentation on the Java Vector class including descriptions of common methods like addElement(), get(), size(), and clear(). It explains how to initialize a Vector with new Vector(), add/retrieve elements, check properties, and remove elements. The document contains over 20 sections that each describe a different Vector method.
Vector is a dynamic data structure that allows its size to be changed. It can dynamically shrink or grow as needed. A vector class is part of the java.util package. A data element can be inserted into or removed from any location of a vector with a single method invocation. The elements of a vector must be objects and cannot be primitive types. A Vector provides methods to manage the list of objects it contains. A Vector is similar to an ArrayList but Vector methods are synchronized for thread safety.
The document discusses the ResultSet interface in Java. It provides details on:
1) ResultSet objects represent query results from a database and implement the ResultSet interface. They can be scrollable or non-scrollable.
2) Non-scrollable result sets only allow sequential forward access to records while scrollable result sets allow random, bidirectional access.
3) The ResultSet interface defines methods like getString(), getInt() and getDouble() to retrieve column values from the current row.
This document advertises Java training courses taught by Marty Hall, the author of several Java books. The courses cover topics such as JSF 2, PrimeFaces, Java 7/8, HTML5, Ajax, jQuery, Hadoop, RESTful Web Services, Android, Spring, and Hibernate. Courses are available both at public venues and on-site at customers' locations. The document also provides contact information for inquiring about course details.
The document discusses various event handling classes in Java including ActionEvent, KeyEvent, MouseEvent, MouseMotionEvent, FocusEvent, WindowEvent, and ItemEvent. It provides examples of how to use each event class by implementing the appropriate listener interface and defining event handling methods. Key points covered include common event handling terms like event, event source, and event listener. It also summarizes the typical methods provided by each event class.
The program accepts 5 items from the command line and stores them in a Vector. It then demonstrates deleting an item, adding an item at a specified position, adding an item at the end, and printing the Vector contents. The Vector implements a dynamic array that can hold any type of objects and any number of elements. It is contained in the java.util package and is synchronized.
Polymorphism allows one interface to behave differently depending on the object calling it. It supports method overloading and overriding. The List interface represents collections of objects and its main implementations are ArrayList, Vector, and LinkedList. Constructors initialize newly created objects and are invoked when objects are created. Access specifiers like public, private, protected, and default control object access in Java.
The document describes various jQuery methods for selecting elements, traversing DOM elements, manipulating attributes and properties, and more. It provides brief descriptions of methods like jQuery(), children(), closest(), filter(), find(), and others for selecting and traversing matched elements. The summary also indicates that the document covers attributes like addClass(), attr(), prop(), and val() as well as events, effects, AJAX, and other utilities.
The document contains information about jQuery selectors and methods. It includes:
1) A list of core jQuery methods like jQuery(), noConflict(), and when() as well as selectors like the class selector and ID selector.
2) Descriptions of many attribute methods like addClass(), attr(), removeAttr(), and toggleClass() that get and set element attributes.
3) Summaries of traversal methods like children(), closest(), find(), and filter() that navigate the DOM tree.
4) Details of manipulation methods such as after(), append(), prepend(), remove(), replaceWith(), and text() that modify DOM elements.
This document provides a visual cheat sheet summary of jQuery selectors, core functionality, attributes, CSS manipulation, traversing, and manipulation. It includes descriptions and examples of over 150 different jQuery methods organized into categories including selectors, core, attributes, CSS, traversing, and manipulation. The cheat sheet is designed to be a quick reference for common jQuery selections, objects, functions, and their parameters.
JQUERY EXAMPLE for Web Developer (Video Training Tutorial)Kaml Sah
jQuery concepts, allowing you to add interactions and animations to your pages adopted by most popular sites on the Internet.Hundreds of plug-ins and function have been developed to extend jQuery's functionality
The document provides a visual cheat sheet summarizing the core functionality, selectors, attributes, traversing, manipulation, CSS, events, effects, AJAX, utilities, callbacks, data, and deferred objects available in jQuery version 1.7. It includes descriptions of methods and selectors, what they select or return, and whether they are new or changed from previous versions. The cheat sheet acts as a quick reference guide to the main jQuery features and API.
Unit 1 - What is jQuery_Why jQuery_Syntax_Selectors.pdfRAVALCHIRAG1
jQuery is a fast and feature-rich JavaScript library used for HTML document traversal and manipulation, event handling, animation, and Ajax interactions. It simplifies tasks like selecting elements, adding/removing classes, handling events, and performing animations. jQuery selects elements using CSS-style selectors and provides methods for manipulating, traversing, and modifying pages on the fly.
The document discusses jQuery, a JavaScript library that simplifies common tasks like accessing and modifying elements on an HTML page. It covers how jQuery interacts with the DOM and allows selecting elements, modifying styles and content, and handling events. The document also provides examples of how jQuery can be used to make AJAX requests to retrieve and display external data without reloading the page.
The Test Automation Team consists of Arvie Bernal, Charles Kenneth Hallig, and Jayson Dungo. The document then provides details on the Test Automation Application (TApp), including different types of selectors that can be used for automation like ID, class, CSS, and more. It also provides examples of XPath expressions and their results. Finally, it outlines the steps to set up and run the TApp automation framework on a local machine.
This document provides a visual cheat sheet summary of jQuery selectors, core functionality, attributes, CSS manipulation, traversing, manipulation, events, effects, AJAX, and utilities. It includes descriptions of methods and selectors, their parameters and return values. New features in jQuery 1.4.x are marked with an equals sign, deprecated items are marked with a circled D, and data types are abbreviated.
The document is a presentation about web design and development using jQuery. It introduces jQuery and why it is useful, how to include jQuery, and describes 21 helpful jQuery methods such as addClass(), removeClass(), attr(), val(), html(), click(), append(), and more. Each method is explained in 1-2 paragraphs with examples of how to use the method and its parameters. The document concludes with references to the jQuery API documentation for each method.
jQuery Tutorial For Beginners | Developing User Interface (UI) Using jQuery |...Edureka!
( ** Full Stack Masters Training: https://www.edureka.co/masters-program/full-stack-developer-training ** )
This PPT on jQuery will help you understand the basics of jQuery and you will also be able to create your own program using jQuery by the end of this PPT.
Follow us to never miss an update in the future.
Instagram: https://www.instagram.com/edureka_learning/
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka
The Ring programming language version 1.6 book - Part 75 of 189Mahmoud Samir Fayed
This document provides guidance on how Ring handles variable scoping and access. It discusses how Ring searches for variables first in the local scope, then the object scope, and finally the public scope. It also describes potential conflicts that can arise between variables in different scopes and provides solutions.
The document discusses Swing components in Java, including how to create windows, add components to windows, handle events, and work with text components. Key topics covered include the component hierarchy for common Swing widgets like JFrame, JLabel, JButton, and JTextField. It also discusses how to register listeners, manipulate document content, and build a basic browser component.
The Ring programming language version 1.10 book - Part 85 of 212Mahmoud Samir Fayed
Ring uses three scopes to determine where variables are defined and accessed: global, object, and local. Variables are first searched for in the local scope, then object scope, and finally global scope. Using braces {} to access objects changes the current object scope. There can be conflicts when a global variable and class attribute, or a local variable and class attribute, share a name. The best practices are to prefix global variables with $, avoid global variables when possible, and use self.attribute when accessing attributes to disambiguate from local variables.
The document provides documentation on the Java Vector class including descriptions of common methods like addElement(), get(), size(), and clear(). It explains how to initialize a Vector with new Vector(), add/retrieve elements, check properties, and remove elements. The document contains over 20 sections that each describe a different Vector method.
Vector is a dynamic data structure that allows its size to be changed. It can dynamically shrink or grow as needed. A vector class is part of the java.util package. A data element can be inserted into or removed from any location of a vector with a single method invocation. The elements of a vector must be objects and cannot be primitive types. A Vector provides methods to manage the list of objects it contains. A Vector is similar to an ArrayList but Vector methods are synchronized for thread safety.
The document discusses the ResultSet interface in Java. It provides details on:
1) ResultSet objects represent query results from a database and implement the ResultSet interface. They can be scrollable or non-scrollable.
2) Non-scrollable result sets only allow sequential forward access to records while scrollable result sets allow random, bidirectional access.
3) The ResultSet interface defines methods like getString(), getInt() and getDouble() to retrieve column values from the current row.
This document advertises Java training courses taught by Marty Hall, the author of several Java books. The courses cover topics such as JSF 2, PrimeFaces, Java 7/8, HTML5, Ajax, jQuery, Hadoop, RESTful Web Services, Android, Spring, and Hibernate. Courses are available both at public venues and on-site at customers' locations. The document also provides contact information for inquiring about course details.
The document discusses various event handling classes in Java including ActionEvent, KeyEvent, MouseEvent, MouseMotionEvent, FocusEvent, WindowEvent, and ItemEvent. It provides examples of how to use each event class by implementing the appropriate listener interface and defining event handling methods. Key points covered include common event handling terms like event, event source, and event listener. It also summarizes the typical methods provided by each event class.
The program accepts 5 items from the command line and stores them in a Vector. It then demonstrates deleting an item, adding an item at a specified position, adding an item at the end, and printing the Vector contents. The Vector implements a dynamic array that can hold any type of objects and any number of elements. It is contained in the java.util package and is synchronized.
Polymorphism allows one interface to behave differently depending on the object calling it. It supports method overloading and overriding. The List interface represents collections of objects and its main implementations are ArrayList, Vector, and LinkedList. Constructors initialize newly created objects and are invoked when objects are created. Access specifiers like public, private, protected, and default control object access in Java.
The document describes various jQuery methods for selecting elements, traversing DOM elements, manipulating attributes and properties, and more. It provides brief descriptions of methods like jQuery(), children(), closest(), filter(), find(), and others for selecting and traversing matched elements. The summary also indicates that the document covers attributes like addClass(), attr(), prop(), and val() as well as events, effects, AJAX, and other utilities.
The document contains information about jQuery selectors and methods. It includes:
1) A list of core jQuery methods like jQuery(), noConflict(), and when() as well as selectors like the class selector and ID selector.
2) Descriptions of many attribute methods like addClass(), attr(), removeAttr(), and toggleClass() that get and set element attributes.
3) Summaries of traversal methods like children(), closest(), find(), and filter() that navigate the DOM tree.
4) Details of manipulation methods such as after(), append(), prepend(), remove(), replaceWith(), and text() that modify DOM elements.
This document provides a visual cheat sheet summary of jQuery selectors, core functionality, attributes, CSS manipulation, traversing, and manipulation. It includes descriptions and examples of over 150 different jQuery methods organized into categories including selectors, core, attributes, CSS, traversing, and manipulation. The cheat sheet is designed to be a quick reference for common jQuery selections, objects, functions, and their parameters.
JQUERY EXAMPLE for Web Developer (Video Training Tutorial)Kaml Sah
jQuery concepts, allowing you to add interactions and animations to your pages adopted by most popular sites on the Internet.Hundreds of plug-ins and function have been developed to extend jQuery's functionality
The document provides a visual cheat sheet summarizing the core functionality, selectors, attributes, traversing, manipulation, CSS, events, effects, AJAX, utilities, callbacks, data, and deferred objects available in jQuery version 1.7. It includes descriptions of methods and selectors, what they select or return, and whether they are new or changed from previous versions. The cheat sheet acts as a quick reference guide to the main jQuery features and API.
Unit 1 - What is jQuery_Why jQuery_Syntax_Selectors.pdfRAVALCHIRAG1
jQuery is a fast and feature-rich JavaScript library used for HTML document traversal and manipulation, event handling, animation, and Ajax interactions. It simplifies tasks like selecting elements, adding/removing classes, handling events, and performing animations. jQuery selects elements using CSS-style selectors and provides methods for manipulating, traversing, and modifying pages on the fly.
The document discusses jQuery, a JavaScript library that simplifies common tasks like accessing and modifying elements on an HTML page. It covers how jQuery interacts with the DOM and allows selecting elements, modifying styles and content, and handling events. The document also provides examples of how jQuery can be used to make AJAX requests to retrieve and display external data without reloading the page.
The Test Automation Team consists of Arvie Bernal, Charles Kenneth Hallig, and Jayson Dungo. The document then provides details on the Test Automation Application (TApp), including different types of selectors that can be used for automation like ID, class, CSS, and more. It also provides examples of XPath expressions and their results. Finally, it outlines the steps to set up and run the TApp automation framework on a local machine.
This document provides a visual cheat sheet summary of jQuery selectors, core functionality, attributes, CSS manipulation, traversing, manipulation, events, effects, AJAX, and utilities. It includes descriptions of methods and selectors, their parameters and return values. New features in jQuery 1.4.x are marked with an equals sign, deprecated items are marked with a circled D, and data types are abbreviated.
This document provides a visual cheat sheet summary of jQuery selectors, core functionality, attributes, CSS manipulation, traversing, manipulation, events, effects, AJAX and utilities. It includes descriptions of methods and selectors, their parameters and return values. New features in jQuery 1.4.x are marked with an equals sign, deprecated items are marked with a circled dash.
This document provides a visual cheat sheet for jQuery 1.5. It includes summaries of selectors, core functions, attributes, CSS manipulation, traversing, manipulation, events, effects, AJAX, utilities and deferred objects. The cheat sheet is designed to highlight the main features and capabilities within each category in a concise visual format. Key selectors, methods and properties are defined along with their parameters and return values.
The Test Automation Team consists of Arvie Bernal, Charles Kenneth Hallig, Jayson Dungo, Julian Garcia III, and Melwee Rongavilla.
The Test Automation Application (TApp) is a solution to automate testing as an integral part of the Software Development process. It provides a list of recent test runs, scenarios, cases, domains, and projects. Users can create, edit, and add test cases and steps. TApp also allows validating objects and files.
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.
Zepto.js, a jQuery-compatible mobile JavaScript framework in 2KThomas Fuchs
The document discusses the goals and design of Zepto.js, a JavaScript framework for mobile web applications. It aims to have a very small codebase that is easy to use, extends native browser APIs, and avoids non-essential browser implementations. It provides a jQuery-like API but takes advantage of mobile features for better performance on small screens and devices with limited bandwidth.
This document provides an overview of jQuery, including:
- What jQuery is and its main features like DOM manipulation, CSS manipulation, events, effects, animations, and AJAX.
- How to include jQuery via downloading or using a CDN.
- The basic jQuery syntax of $(selector).action() to select elements and perform actions.
- Common selectors like id, class, and element selectors.
- Methods for hiding, showing, fading, sliding, adding/removing content and classes.
- How events and chaining allow combining multiple actions.
The Test Automation Team consists of Arvie Bernal, Charles Kenneth Hallig, and Jayson Dungo. The document then provides details on the Test Automation Application (TApp), including CSS selectors and XPath expressions that can be used for automation. It also includes screenshots and descriptions of the TApp user interface for managing test scenarios, test cases, and running automation tests.
- Java AWT (Abstract Windowing Toolkit) is an API that provides components to build graphical user interfaces (GUIs) in Java. It includes classes like TextField, Label, TextArea, etc.
- AWT components are platform-dependent and heavyweight, using operating system resources. Common containers include Frame, Dialog, and Panel.
- This document provides details on various AWT components like Label, Button, Checkbox, List, and TextField. It also covers events, listeners, and methods of these components.
Presents:
Introduction and Using jQuery
Selectors and Attributes
Events
Height and Width
DOM Manipulation and Modification
Effects and Animation
Store arbitrary data and add your functions.
Ajax
This document discusses Java collection framework and its core classes. It defines collection as a group of objects treated as a single unit. The collection framework defines interfaces like Collection, List, Set etc. and classes like ArrayList, LinkedList, HashSet etc. that implement these interfaces. It describes the purpose, characteristics and usage of these interfaces and classes.
jQuery selectors allow developers to easily identify and select elements on a page using CSS-style syntax. Selectors include selecting by ID (#id), class (.class), tag name, descendant relationships, child relationships, sibling relationships and more. Understanding selectors is key to effectively using the jQuery library to manipulate elements. The document provides examples of various selector types and how to select elements on the SlideShare homepage using jQuery in the Firebug console.
The document discusses the CSS preprocessor Sass. It begins with an introduction to Sass and its features like variables, nesting, mixins and partials. It then covers using Sass with Drupal and tools for compiling Sass locally or on a server. The presentation concludes with a demo and suggestions for learning more about Sass.
This document discusses different options for using templates with JavaScript, including string concatenation, Array.join(), micro-templating libraries like Supplant and Mustache, jQuery Template, Handlebars, and loading external HTML. It provides links to resources about each option and asks if the reader has any other questions. The author thanks the reader at the end.
This document provides an introduction to jQuery, an open source JavaScript library. It discusses what jQuery is, how it works, selector basics, and many jQuery commands. Key points include:
- jQuery is an open source JavaScript library that makes DOM manipulation and event handling easier. It works across browsers.
- jQuery selectors allow selecting elements using CSS syntax. Common selectors return a jQuery object containing matching elements.
- jQuery methods can be chained together for concise DOM manipulation. Chaining avoids unnecessary re-selection of elements.
- Common jQuery methods covered include manipulating attributes, CSS classes, HTML content, and traversing/filtering the DOM tree. Event handling and custom events are also discussed.
Este documento apresenta uma introdução ao jQuery, incluindo o que é jQuery, por que e para que usá-lo, como usá-lo, seletores, efeitos, Ajax e plugins. O documento também fornece detalhes sobre o palestrante, um programador back-end com experiência em empresas, startups e órgãos governamentais.
O documento resume a palestra "Attributes e Properties no jQuery" de Timmy Willison sobre as diferenças entre atributos e propriedades no jQuery e como elas são processadas. Também resume a palestra "Chrome Dev Tools: Tips and Tricks" de Paul Irish sobre diversas ferramentas e recursos do Chrome Dev Tools como manipulação de estilos, debug de rede e JavaScript.
O documento apresenta uma palestra sobre desenvolvimento web utilizando HTML5, CSS3 e JavaScript ministrada por Fábio Flatschart na Campus Party 2011. A palestra aborda as principais novidades e recursos das tecnologias HTML5, CSS3 e JavaScript, incluindo elementos semânticos, formulários, vídeo, SVG, Canvas API e compatibilidade entre navegadores.
Alta produtividade com front end com sass e compassDanilo Sousa
O documento apresenta as principais características e funcionalidades do Sass, um pré-processador CSS. Entre os recursos descritos estão variáveis, nesting, mixins, herança de seletores, compressão, cores matemáticas e imports. Também são abordadas ferramentas como o Compass que adicionam funcionalidades como grids, sprites e suporte a CSS3. Por fim, discute-se quando vale a pena usar pré-processadores CSS.
CSS 3 Overview discusses new features in CSS3 including selectors, fonts, colors, backgrounds, borders, box model, and animations. It provides examples and demonstrations of these features. The document concludes with exercises asking the reader to style an HTML form using CSS3 and create additional visual effects like a rotating Rubik's cube, pulsing text, and bouncing text using CSS3 features.
O documento discute os principais pontos sobre UX para agências de publicidade, destacando: (1) UX não é só sobre usabilidade, mas sobre criar experiências positivas para as pessoas; (2) é necessário considerar o contexto do usuário, incluindo dispositivos móveis, ao projetar interfaces; (3) pesquisa com usuários é fundamental para entender suas necessidades e melhorar continuamente a experiência.
Ready to Unlock the Power of Blockchain!Toptal Tech
Imagine a world where data flows freely, yet remains secure. A world where trust is built into the fabric of every transaction. This is the promise of blockchain, a revolutionary technology poised to reshape our digital landscape.
Toptal Tech is at the forefront of this innovation, connecting you with the brightest minds in blockchain development. Together, we can unlock the potential of this transformative technology, building a future of transparency, security, and endless possibilities.
Discover the benefits of outsourcing SEO to Indiadavidjhones387
"Discover the benefits of outsourcing SEO to India! From cost-effective services and expert professionals to round-the-clock work advantages, learn how your business can achieve digital success with Indian SEO solutions.
Gen Z and the marketplaces - let's translate their needsLaura Szabó
The product workshop focused on exploring the requirements of Generation Z in relation to marketplace dynamics. We delved into their specific needs, examined the specifics in their shopping preferences, and analyzed their preferred methods for accessing information and making purchases within a marketplace. Through the study of real-life cases , we tried to gain valuable insights into enhancing the marketplace experience for Generation Z.
The workshop was held on the DMA Conference in Vienna June 2024.
HijackLoader Evolution: Interactive Process HollowingDonato Onofri
CrowdStrike researchers have identified a HijackLoader (aka IDAT Loader) sample that employs sophisticated evasion techniques to enhance the complexity of the threat. HijackLoader, an increasingly popular tool among adversaries for deploying additional payloads and tooling, continues to evolve as its developers experiment and enhance its capabilities.
In their analysis of a recent HijackLoader sample, CrowdStrike researchers discovered new techniques designed to increase the defense evasion capabilities of the loader. The malware developer used a standard process hollowing technique coupled with an additional trigger that was activated by the parent process writing to a pipe. This new approach, called "Interactive Process Hollowing", has the potential to make defense evasion stealthier.
1. ❉ CORE
jQuery.holdReady( hold )
Holds or releases the execution of jQuery's ready event.
u
jQuery()
Accepts a string containing a CSS selector which is then
used to match a set of elements.
jQuery( selector [, context] ) - jQuery( element )
jQuery( object ) - jQuery( elementArray )
jQuery( jQuery object )
jQ
jQuery.noConflict( [removeAll] )
Relinquish jQuery's control of the $ variable.
Obj
jQuery.sub()
Creates a new copy of jQuery whose properties and
methods can be modified without affecting the original
jQuery object.
jQ
jQuery.when( deferreds )
Provides a way to execute callback functions based on one
or more objects, usually Deferred objects that represent
asynchronous events.
pr
❉ SELECTORS
All Selector (“*”)
Selects all elements.
:animated Selector
Select all elements that are in the progress of an
animation at the time the selector is run.
Attribute Contains Prefix Selector [name|
="value"]
Selects elements that have the specified attribute with a
value either equal to a given string or starting with that
string followed by a hyphen (-).
Attribute Contains Selector
[name*="value"]
Selects elements that have the specified attribute with a
value containing the a given substring.
Attribute Contains Word Selector
[name~="value"]
Selects elements that have the specified attribute with a
value containing a given word, delimited by spaces.
★ = NEW OR CHANGED IN jQUERY 1.7 / f(x) = FUNCTION / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING
Attribute Ends With Selector [name
$="value"]
Selects elements that have the specified attribute with a
value ending exactly with a given string. The comparison
is case sensitive.
Attribute Equals Selector [name="value"]
Selects elements that have the specified attribute with a
value exactly equal to a certain value.
Attribute Not Equal Selector [name!
="value"]
Select elements that either don't have the specified
attribute, or do have the specified attribute but not with a
certain value.
Attribute Starts With Selector
[name^="value"]
Selects elements that have the specified attribute with a
value beginning exactly with a given string.
:button Selector
Selects all button elements and elements of type button.
:checkbox Selector
Selects all elements of type checkbox.
:checked Selector
Matches all elements that are checked.
Child Selector (“parent > child”)
Selects all direct child elements specified by "child" of
elements specified by "parent".
Class Selector (“.class”)
Selects all elements with the given class.
:contains() Selector
Select all elements that contain the specified text.
Descendant Selector (“ancestor
descendant”)
Selects all elements that are descendants of a given
ancestor.
:disabled Selector
Selects all elements that are disabled.
Element Selector (“element”)
Selects all elements with the given tag name.
:empty Selector
Select all elements that have no children (including text nodes).
:enabled Selector
Selects all elements that are enabled.
:eq() Selector
Select the element at index n within the matched set.
:even Selector
Selects even elements, zero-indexed.
:file Selector
Selects all elements of type file.
:first-child Selector
Selects all elements that are the first child of their parent.
:first Selector
Selects the first matched element.
:focus selector
Selects element if it is currently focused.
:gt() Selector
Select all elements at an index greater than index within the
matched set.
Has Attribute Selector [name]
Selects elements that have the specified attribute, with any
value.
:has() Selector
Selects elements which contain at least one element that
matches the specified selector.
:header Selector
Selects all elements that are headers, like h1, h2, h3 and so on.
:hidden Selector
Selects all elements that are hidden.
ID Selector (“#id”)
Selects a single element with the given id attribute.
:image Selector
Selects all elements of type image.
:input Selector
Selects all input, textarea, select and button elements.
:last-child Selector
Selects all elements that are the last child of their parent.
:last Selector
Selects the last matched element.
:lt() Selector
Select all elements at an index less than index within the
matched set.
Multiple Attribute Selector [name="value"]
[name2="value2"]
Matches elements that match all of the specified attribute filters.
Multiple Selector (“selector1, selector2,
selectorN”)
Selects the combined results of all the specified selectors.
Next Adjacent Selector (“prev + next”)
Selects all next elements matching "next" that are immediately
preceded by a sibling "prev".
Next Siblings Selector (“prev ~ siblings”)
Selects all sibling elements that follow after the "prev" element,
have the same parent, and match the filtering "siblings"
selector.
:not() Selector
Selects all elements that do not match the given selector.
:nth-child() Selector
Selects all elements that are the nth-child of their parent.
:odd Selector
Selects odd elements, zero-indexed.
:only-child Selector
Selects all elements that are the only child of their parent.
:parent Selector
Select all elements that are the parent of another element,
including text nodes.
:password Selector
Selects all elements of type password.
:radio Selector
Selects all elements of type password.
:reset Selector
Selects all elements of type reset.
jQUERY 1.7
VISUAL CHEAT SHEET
CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS
EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT
2. :selected Selector
Selects all elements that are selected.
:submit Selector
Selects all elements of type submit.
:text Selector
Selects all elements of type text.
:visible Selector
Selects all elements that are visible.
❉ ATTRIBUTES
.addClass()
Adds the specified class(es) to each of the set of matched
elements.
.addClass( className ) - .addClass( function(index,
currentClass) )
jQ
.attr()
Get the value of an attribute for the first element in the set
of matched elements.
.attr( attributeName ) - .attr( attributeName, value )
Str
.hasClass( className )
Determine whether any of the matched elements are
assigned the given class.
Str
.html()
Get the HTML contents of the first element in the set of
matched elements.
.html( htmlString ) - .html( function(index, oldhtml) )
Str
jQ
.prop()
Get the value of a property for the first element in the set
of matched elements.
.prop( propertyName ) - .prop( propertyName, value )
Str
jQ
★ .removeAttr( attributeName )
Remove an attribute from each element in the set of
matched elements.
jQ
.removeClass()
Remove a single class, multiple classes, or all classes from
each element in the set of matched elements.
.removeClass( [className] )
.removeClass( function(index, class) )
jQ
.removeProp( propertyName )
Remove a property for the set of matched elements.
jQ
.toggleClass( className )
Add or remove one or more classes from each element in
the set of matched elements, depending on either the
class's presence or the value of the switch argument.
jQ
.val()
Get the current value of the first element in the set of
matched elements.
.val( value ) - .val( function(index, value) )
Str
N
a()
jQ
❉ TRAVERSING
.add()
Add elements to the set of matched elements.
.add( selector ) - .add( elements ) - .add( html )
.add( jQuery object ) - .add( selector, context )
jQ
.andSelf()
Add the previous set of elements on the stack to the
current set.
jQ
.children( [selector] )
Get the children of each element in the set of matched
elements, optionally filtered by a selector.
jQ
.closest()
Get the first element that matches the selector, beginning
at the current element and progressing up through the
DOM tree.
.closest( selector ) - .closest( selector [, context] )
.closest( jQuery object ) - .closest( element )
.closest( selectors [ , context ] )
jQ
a()
.contents()
Get the children of each element in the set of matched
elements, including text and comment nodes.
jQ
.each( function(index, Element) )
Iterate over a jQuery object, executing a function for each
matched element.
jQ
.end()
End the most recent filtering operation in the current
chain and return the set of matched elements to its
previous state.
jQ
.eq( index )
Reduce the set of matched elements to the one at the
specified index.
jQ
CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS
EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT
.filter()
Reduce the set of matched elements to those that match
the selector or pass the function's test.
.filter( selector ) - .filter( function(index) )
.filter( element ) - .filter( jQuery object )
jQ
.find( selector )
Get the descendants of each element in the current set of
matched elements, filtered by a selector, jQuery object, or
element.
.find( selector ) - .find( jQuery object ) - .find( element )
jQ
.first()
Reduce the set of matched elements to the first in the set.
jQ
.has()
Reduce the set of matched elements to those that have a
descendant that matches the selector or DOM element.
.has( selector ) - .has( contained )
jQ
★ .is()
Check the current matched set of elements against a
selector, element, or jQuery object and return true if at
least one of these elements matches the given arguments.
.is( selector ) - .is( function(index) ) - .is( jQuery object )
.is( element )
jQ
.last()
Reduce the set of matched elements to the final one in the
set.
jQ
.map( callback(index, domElement) )
Pass each element in the current matched set through a
function, producing a new jQuery object containing the
return values.
jQ
.next( [selector] )
Get the immediately following sibling of each element in
the set of matched elements. If a selector is provided, it
retrieves the next sibling only if it matches that selector.
jQ
.nextAll( [selector] )
Get all following siblings of each element in the set of
matched elements, optionally filtered by a selector.
jQ
.nextUntil()
Get all following siblings of each element up to but not
including the element matched by the selector, DOM node,
or jQuery object passed.
.nextUntil( [selector] [, filter] ) - .nextUntil( [element] [,
filter] )
jQ
.not()
Remove elements from the set of matched elements.
.not( selector ) - .not( elements ) - .not( function(index) )
jQ
.offsetParent()
Get the closest ancestor element that is positioned.
jQ
.parent( [selector] )
Get the parent of each element in the current set of
matched elements, optionally filtered by a selector.
jQ
.parents( [selector] )
Get the ancestors of each element in the current set of
matched elements, optionally filtered by a selector.
jQ
.parentsUntil()
Get the ancestors of each element in the current set of
matched elements, up to but not including the element
matched by the selector, DOM node, or jQuery object.
.parentsUntil( [selector] [, filter] )
.parentsUntil( [element] [, filter] )
jQ
.prev( [selector] )
Get the immediately preceding sibling of each element in
the set of matched elements, optionally filtered by a
selector.
jQ
.prevAll( [selector] )
Get all preceding siblings of each element in the set of
matched elements, optionally filtered by a selector.
jQ
.prevUntil()
Get all preceding siblings of each element up to but not
including the element matched by the selector, DOM node,
or jQuery object.
.prevUntil( [selector] [, filter] )
.prevUntil( [element] [, filter] )
jQ
.siblings( [selector] )
Get the siblings of each element in the set of matched
elements, optionally filtered by a selector.
jQ
.slice( start [, end] )
Reduce the set of matched elements to a subset specified
by a range of indices.
jQ
jQUERY 1.7
VISUAL CHEAT SHEET
★ = NEW OR CHANGED IN jQUERY 1.7 / f(x) = FUNCTION / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING
3. ❉ MANIPULATION
.addClass()
Adds the specified class(es) to each of the set of matched
elements.
.addClass( className ) - .addClass( function(index,
currentClass) )
jQ
.after()
Insert content, specified by the parameter, after each
element in the set of matched elements.
.after( content [, content] ) - .after( function(index) )
jQ
.append()
Insert content, specified by the parameter, to the end of
each element in the set of matched elements.
.append( content [, content] )
.append( function(index, html) )
jQ
.appendTo( target )
Insert every element in the set of matched elements to the
end of the target.
jQ
.attr()
Get the value of an attribute for the first element in the set
of matched elements.
.attr( attributeName ) - .attr( attributeName, value )
jQ
.before()
Insert content, specified by the parameter, before each
element in the set of matched elements.
.before( content [, content] ) - .before( function )
jQ
.clone()
Create a deep copy of the set of matched elements.
.clone( [withDataAndEvents] )
.clone( [withDataAndEvents] [,deepWithDataAndEvents] )
jQ
.css()
Get the value of a style property for the first element in
the set of matched elements.
.css( propertyName ) - .css( propertyName, value )
.css( propertyName, function(index, value) )
.css( map )
Str
jQ
.detach( [selector] )
Remove the set of matched elements from the DOM.
jQ
.empty()
Remove all child nodes of the set of matched elements
from the DOM.
jQ
.hasClass( className )
Determine whether any of the matched elements are
assigned the given class.
Str
.html()
Get the HTML contents of the first element in the set of
matched elements.
.html( htmlString ) - .html( function(index, oldhtml) )
Str
jQ
.innerHeight()
Get the current computed height for the first element in
the set of matched elements, including padding but not
border.
Int
.innerWidth()
Get the current computed width for the first element in
the set of matched elements, including padding but not
border.
Int
.insertAfter( target )
Insert every element in the set of matched elements after
the target.
Int
.insertBefore( target )
Insert every element in the set of matched elements before
the target.
Int
.offset()
Get the current coordinates of the first element in the set
of matched elements, relative to the document.
.offset( coordinates ) - .offset( function(index, coords) )
Int
.outerHeight( [includeMargin] )
Get the current computed height for the first element in
the set of matched elements, including padding, border,
and optionally margin. Returns an integer (without "px")
representation of the value or null if called on an empty
set of elements.
Int
.position()
Get the current coordinates of the first element in the set
of matched elements, relative to the offset parent.
Obj
.prepend( content [, content] )
Insert content, specified by the parameter, to the
beginning of each element in the set of matched elements.
jQ
.prependTo( target )
Insert every element in the set of matched elements to the
beginning of the target.
jQ
.prop()
Get the value of a property for the first element in the set
of matched elements.
.prop( propertyName ) - .prop( propertyName, value )
Str
jQ
CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS
EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT
.remove( [selector] )
Remove the set of matched elements from the DOM.
Str
.removeAttr( attributeName )
Remove an attribute from each element in the set of
matched elements.
jQ
.removeClass()
Remove a single class, multiple classes, or all classes from
each element in the set of matched elements.
.removeClass( [className] )
.removeClass( function(index, class) )
jQ
.removeProp( propertyName )
Remove a property for the set of matched elements.
jQ
.replaceAll( target )
Replace each target element with the set of matched
elements.
jQ
.replaceWith()
Replace each element in the set of matched elements with
the provided new content.
.replaceWith( newContent ) - .replaceWith( function )
jQ
.scrollLeft()
Get the current horizontal position of the scroll bar for the
first element in the set of matched elements.
.scrollLeft( value )
jQ
.scrollTop()
Get the current vertical position of the scroll bar for the
first element in the set of matched elements.
.scrollTop value )
jQ
.text()
Get the combined text contents of each element in the set
of matched elements, including their descendants.
.text( textString ) - .text( function(index, text) )
jQ
.toggleClass()
Add or remove one or more classes from each element in
the set of matched elements, depending on either the
class's presence or the value of the switch argument.
.toggleClass( className )
.toggleClass( className, switch )
jQ
.unwrap()
Remove the parents of the set of matched elements from
the DOM, leaving the matched elements in their place.
jQ
.val()
Get the current value of the first element in the set of
matched elements.
.val( value ) - .val( function(index, value) )
Str
N
a()
jQ
.width()
Get the current computed width for the first element in
the set of matched elements.
.width( value ) - .width( function(index, width) )
Int
.wrap()
Wrap an HTML structure around each element in the set
of matched elements.
.wrap( wrappingElement ) - .wrap( function(index) )
jQ
.wrapAll( wrappingElement )
Wrap an HTML structure around all elements in the set of
matched elements.
jQ
.wrapInner()
Wrap an HTML structure around the content of each
element in the set of matched elements.
.wrapInner( wrappingElement )
.wrapInner( function(index) )
jQ
❉ CSS
.addClass()
Adds the specified class(es) to each of the set of matched
elements.
.addClass( className ) - .addClass( function(index,
currentClass) )
jQ
.css()
Get the value of a style property for the first element in
the set of matched elements.
.css( propertyName ) - .css( propertyName, value )
.css( propertyName, function(index, value) )
.css( map )
Str
jQ
jQuery.cssHooks
Hook directly into jQuery to override how particular CSS
properties are retrieved or set, normalize CSS property
naming, or create custom properties.
Obj
.hasClass( className )
Determine whether any of the matched elements are
assigned the given class.
Str
jQUERY 1.7
VISUAL CHEAT SHEET
★ = NEW OR CHANGED IN jQUERY 1.7 / f(x) = FUNCTION / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING
4. .height()
Get the current computed height for the first element in
the set of matched elements.
.height( value )
.height( function(index, height) )
Int
.innerHeight()
Get the current computed height for the first element in
the set of matched elements, including padding but not
border.
Int
.innerWidth()
Get the current computed width for the first element in
the set of matched elements, including padding but not
border.
Int
.offset()
Get the current coordinates of the first element in the set
of matched elements, relative to the document.
.offset( coordinates ) - .offset( function(index, coords) )
Int
.outerHeight( [includeMargin] )
Get the current computed height for the first element in
the set of matched elements, including padding, border,
and optionally margin. Returns an integer (without "px")
representation of the value or null if called on an empty
set of elements.
Int
.outerWidth( [includeMargin] )
Get the current computed width for the first element in
the set of matched elements, including padding and
border.
Int
.position()
Get the current coordinates of the first element in the set
of matched elements, relative to the offset parent.
Obj
.removeClass()
Remove a single class, multiple classes, or all classes from
each element in the set of matched elements.
.removeClass( [className] )
.removeClass( function(index, class) )
jQ
.scrollLeft()
Get the current horizontal position of the scroll bar for the
first element in the set of matched elements.
.scrollLeft( value )
Int
.scrollTop()
Get the current vertical position of the scroll bar for the
first element in the set of matched elements.
.scrollTop( value )
Int
.toggleClass()
Add or remove one or more classes from each element in
the set of matched elements, depending on either the
class's presence or the value of the switch argument.
.toggleClass( className )
.toggleClass( className, switch )
jQ
.width()
Get the current computed width for the first element in
the set of matched elements.
.width( value ) - .width( function(index, width) )
Int
❉ EVENTS
.bind()
Attach a handler to an event for the elements.
.bind( eventType [, eventData], handler(eventObject) )
.bind( eventType [, eventData], preventBubble )
.bind( events )
jQ
.blur()
Bind an event handler to the "blur" JavaScript event, or
trigger that event on an element.
.blur( handler(eventObject) )
.blur( [eventData], handler(eventObject) )
jQ
.change()
Bind an event handler to the "change" JavaScript event,
or trigger that event on an element.
.change( handler(eventObject) )
.change( [eventData], handler(eventObject) )
jQ
.click()
Bind an event handler to the "click" JavaScript event, or
trigger that event on an element.
.click( handler(eventObject) )
.click( [eventData], handler(eventObject) )
jQ
.dblclick()
Bind an event handler to the "dblclick" JavaScript event,
or trigger that event on an element.
.dblclick( handler(eventObject) )
.dblclick( [eventData], handler(eventObject) )
jQ
.delegate()
Attach a handler to one or more events for all elements
that match the selector, now or in the future, based on a
specific set of root elements.
.delegate( selector, eventType, handler )
.delegate( selector, eventType, eventData, handler )
.delegate( selector, events )
jQ
CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS
EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT
.die()
Remove all event handlers previously attached
using .live() from the elements.
.die( eventType [, handler] )
.die( eventTypes )
jQ
.error()
Bind an event handler to the "error" JavaScript event.
.error( handler(eventObject) )
.error( [eventData], handler(eventObject) )
jQ
event.currentTarget
The current DOM element within the event bubbling
phase.
jQ
event.data
The optional data passed to jQuery.fn.bind when the
current executing handler was bound.
Any
★ event.delegateTarget
The element where the currently-called jQuery event
handler was attached.
el
event.isDefaultPrevented()
Returns whether event.preventDefault() was ever called
on this event object.
0-1
event.isImmediatePropagationStopped()
Returns whether event.stopImmediatePropagation() was
ever called on this event object.
0-1
event.isPropagationStopped()
Returns whether event.stopPropagation() was ever called
on this event object.
0-1
event.namespace
The namespace specified when the event was triggered.
Str
event.pageX
The mouse position relative to the left edge of the
document.
N
event.pageY
The mouse position relative to the top edge of the
document.
N
event.preventDefault()
If this method is called, the default action of the event will
not be triggered.
u
event.relatedTarget
The other DOM element involved in the event, if any.
el
event.result
The last value returned by an event handler that was
triggered by this event, unless the value was undefined.
Obj
event.stopImmediatePropagation()
Prevents other event handlers from being called.
event.stopPropagation()
Prevents the event from bubbling up the DOM tree,
preventing any parent handlers from being notified of the
event.
event.target
The DOM element that initiated the event.
el
event.timeStamp
The difference in milliseconds between the time the
browser created the event and January 1, 1970.
N
event.type
Describes the nature of the event.
Str
event.which
For key or button events, this attribute indicates the
specific button or key that was pressed.
N
.focus()
Bind an event handler to the "focus" JavaScript event, or
trigger that event on an element
.focus( handler(eventObject) )
.focus( [eventData], handler(eventObject) )
jQ
.focusin()
Bind an event handler to the "focusin" event.
.focusin( handler(eventObject) )
.focusin( [eventData], handler(eventObject) )
jQ
.focusout()
Bind an event handler to the "focusout" JavaScript event.
.focusout( handler(eventObject) )
.focusout( [eventData], handler(eventObject) )
jQ
.hover()
Bind two handlers to the matched elements, to be
executed when the mouse pointer enters and leaves the
elements.
.hover( handlerIn(eventObject)
.handlerOut(eventObject) )
.hover( handlerInOut(eventObject) )
jQ
jQUERY 1.7
VISUAL CHEAT SHEET
★ = NEW OR CHANGED IN jQUERY 1.7 / f(x) = FUNCTION / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING
5. .keydown()
Bind an event handler to the "keydown" JavaScript event,
or trigger that event on an element.
.keydown( handler(eventObject) )
.keydown( [eventData], handler(eventObject) )
jQ
.keypress()
Bind an event handler to the "keypress" JavaScript event,
or trigger that event on an element.
.keypress( handler(eventObject) )
.keypress( [eventData], handler(eventObject) )
jQ
.keyup()
Bind an event handler to the "keyup" JavaScript event, or
trigger that event on an element.
.keyup( handler(eventObject) )
.keyup( [eventData], handler(eventObject) )
jQ
.live()
Attach an event handler for all elements which match the
current selector, now and in the future.
.live( events, handler ) - .live( events, data, handler )
.live( events-map )
jQ
.load()
Bind an event handler to the "load" JavaScript event.
.load( handler(eventObject) )
.load( [eventData], handler(eventObject) )
jQ
.mousedown()
Bind an event handler to the "mousedown" JavaScript
event, or trigger that event on an element.
.mousedown( handler(eventObject) )
.mousedown( [eventData], handler(eventObject) )
jQ
.mouseenter()
Bind an event handler to be fired when the mouse enters
an element, or trigger that handler on an element.
.mouseenter( handler(eventObject) )
.mouseenter( [eventData], handler(eventObject) )
jQ
.mouseleave()
Bind an event handler to be fired when the mouse leaves
an element, or trigger that handler on an element.
.mouseleave( handler(eventObject)
.mouseleave( [eventData], handler(eventObject) )
jQ
.mousemove()
Bind an event handler to the "mousemove" JavaScript
event, or trigger that event on an element.
.mousemove( handler(eventObject) )
.mousemove( [eventData], handler(eventObject) )
jQ
.mouseout()
Bind an event handler to the "mouseout" JavaScript
event, or trigger that event on an element.
.mouseout( handler(eventObject) )
.mouseout( [eventData], handler(eventObject) )
jQ
.mouseover()
Get the current computed width for the first element in
the set of matched elements.
.mouseover( handler(eventObject) )
.mouseover( [eventData], handler(eventObject) )
jQ
.mouseup()
Bind an event handler to the "mouseup" JavaScript event,
or trigger that event on an element.
.mouseup( handler(eventObject) )
.mouseup( [eventData], handler(eventObject) )
jQ
★ .off()
Remove an event handler.
.off( events [, selector] [, handler] )
.off( events-map [, selector] )
jQ
★ .on()
Bind an event handler to the "click" JavaScript event, or
trigger that event on an element.
.on( events [, selector] [, data], handler )
.on( events-map [, selector] [, data] )
jQ
.one()
Attach a handler to an event for the elements. The
handler is executed at most once per element.
.one( events [, data], handler )
.one( events [, selector] [, data], handler )
.one( events-map [, selector] [, data] )
jQ
jQuery.proxy()
Takes a function and returns a new one that will always
have a particular context.
jQuery.proxy( function, context )
jQuery.proxy( context, name )
jQ
.ready( handler )
Specify a function to execute when the DOM is fully
loaded.
jQ
.resize()
Bind an event handler to the "resize" JavaScript event, or
trigger that event on an element.
.resize( handler(eventObject) )
.resize( [eventData], handler(eventObject) )
jQ
CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS
EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT
.scroll()
Bind an event handler to the "scroll" JavaScript event, or
trigger that event on an element.
.scroll( handler(eventObject) )
.scroll( [eventData], handler(eventObject) )
jQ
.select()
Bind an event handler to the "select" JavaScript event, or
trigger that event on an element.
.select( handler(eventObject) )
.select( [eventData], handler(eventObject) )
jQ
.submit()
Bind an event handler to the "submit" JavaScript event,
or trigger that event on an element.
.submit( handler(eventObject) )
.submit( [eventData], handler(eventObject) )
jQ
.toggle()
Bind two or more handlers to the matched elements, to be
executed on alternate clicks.
handler(eventObject), handler(eventObject) [,
handler(eventObject)]
jQ
.trigger()
Execute all handlers and behaviors attached to the
matched elements for the given event type.
.trigger( eventType, extraParameters )
.trigger( event )
jQ
.triggerHandler()
Execute all handlers attached to an element for an event.
.triggerHandler( eventType, extraParameters )
jQ
.unbind()
Remove a previously-attached event handler from the
elements.
.unbind( [eventType] [, handler(eventObject)] )
.unbind( eventType, false )
jQ
.undelegate()
Remove a handler from the event for all elements which
match the current selector, based upon a specific set of
root elements.
.undelegate( selector, eventType )
.undelegate( selector, eventType, handler )
.undelegate( selector, events )
.undelegate( namespace )
jQ
.undelegate()
Remove a handler from the event for all elements which
match the current selector, based upon a specific set of
root elements.
.undelegate( selector, eventType )
.undelegate( selector, eventType, handler )
.undelegate( selector, events )
.undelegate( namespace )
jQ
.unload()
Bind an event handler to the "unload" JavaScript event.
.unload( handler(eventObject) )
.unload( [eventData], handler(eventObject) )
jQ
❉ EFFECTS
.animate()
Perform a custom animation of a set of CSS properties.
.animate( properties [, duration] [, easing] [, complete] )
.animate( properties, options )
jQ
.clearQueue( [queueName] )
Remove from the queue all items that have not yet been
run.
jQ
.delay( duration [, queueName] )
Set a timer to delay execution of subsequent items in the
queue.
jQ
.dequeue( [queueName] )
Execute the next function on the queue for the matched
elements.
jQ
.fadeIn()
Display the matched elements by fading them to opaque.
.fadeIn( [duration] [, callback] )
.fadeIn( [duration] [, easing] [, callback] )
jQ
.fadeOut()
Hide the matched elements by fading them to
transparent.
.fadeOut( [duration] [, callback] )
.fadeOut( [duration] [, easing] [, callback] )
jQ
.fadeTo()
Adjust the opacity of the matched elements.
.fadeTo( duration, opacity [, callback] )
.fadeTo( duration, opacity [, easing] [, callback] )
jQ
.fadeToggle( [duration] [, easing] [,
callback] )
Display or hide the matched elements by animating their
opacity.
jQ
jQUERY 1.7
VISUAL CHEAT SHEET
★ = NEW OR CHANGED IN jQUERY 1.7 / f(x) = FUNCTION / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING
6. jQuery.fx.interval
The rate (in milliseconds) at which animations fire.
N
jQuery.fx.off
Globally disable all animations.
0-1
.hide()
Hide the matched elements.
.hide( duration [, callback] )
.hide( [duration] [, easing] [, callback] )
jQ
.queue()
Show the queue of functions to be executed on the
matched elements.
.queue( [queueName] )
.queue( [queueName] , newQueue )
.queue( [queueName] , callback( next ) )
a()
jQ
.show()
Display the matched elements.
.show( duration [, callback] )
.show( [duration] [, easing] [, callback] )
jQ
.slideDown()
Display the matched elements with a sliding motion.
.slideDown( [duration] [, callback] )
.slideDown( [duration] [, easing] [, callback] )
jQ
.slideToggle()
Display or hide the matched elements with a sliding
motion.
.slideToggle( [duration] [, callback] )
.slideToggle( [duration] [, easing] [, callback] )
jQ
.slideUp()
Hide the matched elements with a sliding motion.
.slideUp( [duration] [, callback] )
.slideUp( [duration] [, easing] [, callback] )
jQ
★ .stop()
Stop the currently-running animation on the matched
elements.
.stop( [clearQueue] [, jumpToEnd] )
.stop( [queue] [, clearQueue] [, jumpToEnd] )
jQ
.toggle()
Display or hide the matched elements.
.toggle( [duration] [, callback] )
.toggle( [duration] [, easing] [, callback] )
.toggle( showOrHide )
jQ
CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS
EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT
jQuery.getJSON()
Load JSON-encoded data from the server using a
GET HTTP request.
jQuery.getJSON( url [, data] [, success(data,
textStatus, jqXHR)] )
jqXHR
jQuery.getScript()
Load a JavaScript file from the server using a GET
HTTP request, then execute it.
jQuery.getScript( url [, success(data, textStatus)] )
jqXHR
.load()
Load data from the server and place the returned
HTML into the matched element.
.load( url [, data] [, complete(responseText,
textStatus, XMLHttpRequest)] )
jqXHR
jQuery.param()
Create a serialized representation of an array or
object, suitable for use in a URL query string or Ajax
request.
jQuery.param( obj )
jQuery.param( obj, traditional )
Str
jQuery.post()
Load data from the server using a HTTP POST
request.
jQuery.post( url [, data] [, success(data, textStatus,
jqXHR)] [, dataType] )
jqXHR
.serialize()
Encode a set of form elements as a string for
submission.
Str
.serializeArray()
Encode a set of form elements as an array of names
and values.
a()
❉ UTILITIES
jQuery.boxModel
Deprecated
0-1
jQuery.browser
Deprecated
Map
.clearQueue( [queueName] )
Remove from the queue all items that have not yet
been run.
jQ
jQuery.contains( container, contained )
Check to see if a DOM element is within another DOM
element.
0-1
jQuery.data()
Store arbitrary data associated with the specified
element. Returns the value that was set.
jQuery.data( element , key , value )
jQuery.data( element, key )
jQuery.data( element )
Obj
.dequeue( [queueName] )
Execute the next function on the queue for the matched
elements.
jQ
jQuery.each()
A generic iterator function, which can be used to
seamlessly iterate over both objects and arrays.
jQuery.each( collection, callback(indexInArray,
valueOfElement) )
Obj
jQuery.extend()
Merge the contents of two or more objects together into
the first object.
jQuery.extend( target [, object1] [, objectN] )
jQuery.extend( [deep], target, object1 [, objectN] )
Obj
jQuery.globalEval( code )
Execute some JavaScript code globally.
jQuery.each( collection, callback(indexInArray,
valueOfElement) )
jQuery.grep()
Finds the elements of an array which satisfy a filter
function. The original array is not affected.
jQuery.grep( array, function(elementOfArray,
indexInArray) [, invert] )
a()
jQuery.inArray()
Search for a specified value within an array and return
its index (or -1 if not found).
jQuery.inArray( value, array [, fromIndex] )
N
jQuery.isArray( obj )
Determine whether the argument is an array.
0-1
jQuery.isEmptyObject( object )
Check to see if an object is empty (contains no properties).
0-1
jQuery.isFunction( object )
Determine if the argument passed is a Javascript function
object.
0-1
❉ AJAX
jQuery.ajax()
Perform an asynchronous HTTP (Ajax) request.
jQuery.ajax( url [, settings] )
jQuery.ajax( settings )
jqXHR
.ajaxComplete()
Register a handler to be called when Ajax requests
complete. This is an Ajax Event.
.ajaxComplete( handler(event, XMLHttpRequest,
ajaxOptions) )
jQ
.ajaxError()
Register a handler to be called when Ajax requests
complete with an error. This is an Ajax Event.
.ajaxError( handler(event, jqXHR, ajaxSettings,
thrownError) )
jQ
jQuery.ajaxPrefilter()
Handle custom Ajax options or modify existing
options before each request is sent and before they
are processed by $.ajax().
jQuery.ajaxPrefilter( [dataTypes] , handler(options,
originalOptions, jqXHR) )
u
.ajaxSend()
Attach a function to be executed before an Ajax
request is sent. This is an Ajax Event.
.ajaxSend( handler(event, jqXHR, ajaxOptions) )
jQ
jQuery.ajaxSetup( options )
Set default values for future Ajax requests.
.ajaxStart( handler() )
Register a handler to be called when the first Ajax
request begins. This is an Ajax Event.
jQ
.ajaxStop( handler() )
Register a handler to be called when all Ajax requests
have completed. This is an Ajax Event.
jQ
.ajaxSuccess()
Attach a function to be executed whenever an Ajax
request completes successfully. This is an Ajax Event.
.ajaxSuccess( handler(event, XMLHttpRequest,
ajaxOptions) )
jQ
jQuery.get()
Load data from the server using a HTTP GET
request.
jQuery.get( url [, data] [, success(data, textStatus,
jqXHR)] [, dataType] )
jqXHR
jQUERY 1.7
VISUAL CHEAT SHEET
★ = NEW OR CHANGED IN jQUERY 1.7 / f(x) = FUNCTION / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING
7. ★ jQuery.isNumeric( object )
Determines whether its argument is a number.
0-1
jQuery.isPlainObject( object )
Check to see if an object is a plain object (created
using "{}" or "new Object").
0-1
jQuery.isWindow( object )
Determine whether the argument is a window.
0-1
jQuery.isXMLDoc( object )
Check to see if a DOM node is within an XML
document (or is an XML document).
0-1
jQuery.makeArray( object )
Convert an array-like object into a true JavaScript
array.
a()
jQuery.map()
Translate all items in an array or object to new
array of items.
jQuery.map( array, callback(elementOfArray,
indexInArray) )
jQuery.map( arrayOrObject, callback( value,
indexOrKey ) )
a()
jQuery.merge( first, second )
Merge the contents of two arrays together into the
first array.
a()
jQuery.noop()
An empty function.
f(x)
jQuery.now()
Return a number representing the current time.
N
jQuery.parseJSON( json )
Takes a well-formed JSON string and returns the
resulting JavaScript object.
Obj
jQuery.parseXML( data )
Parses a string into an XML document.
XMLdoc
jQuery.proxy()
Takes a function and returns a new one that will
always have a particular context.
jQuery.proxy( function, context )
jQuery.proxy( context, name )
f(x)
jQuery.queue()
Takes a function and returns a new one that will
always have a particular context.
jQuery.queue( element [ , queueName ] )
jQuery.queue( element , queueName , newQueue )
a()
jQ
.queue()
Show the queue of functions to be executed on the
matched elements.
.queue( [queueName] )
.queue( [queueName] , newQueue )
.queue( [queueName] , callback( next ) )
a()
jQ
jQuery.removeData()
Remove a previously-stored piece of data
jQuery.removeData( element [, name] )
jQ
jQuery.support
A collection of properties that represent the presence of
different browser features or bugs.
obj
jQuery.trim( str )
Remove the whitespace from the beginning and end of
a string.
Str
jQuery.type( obj )
Determine the internal JavaScript [[Class]] of an
object.
Str
jQuery.unique( array )
Sorts an array of DOM elements, in place, with the
duplicates removed. Note that this only works on
arrays of DOM elements, not strings or numbers.
a()
❉ CALLBACKS OBJECT
★ jQuery.Callbacks( flag )
A multi-purpose callbacks list object that provides a
powerful way to manage callback lists.
★ callbacks.add( callbacks )
Add a callback or a collection of callbacks to a callback
list.
u
★ callbacks.disable()
Disable a callback list from doing anything more.
u
★ callbacks.empty()
Remove all of the callbacks from a list.
u
★ callbacks.fire( arguments )
Call all of the callbacks with the given arguments
u
CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS
EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT
★ callbacks.fired()
Determine if the callbacks have already been called at
least once.
0-1
★ callbacks.fireWith()
Call all callbacks in a list with the given context and
arguments.
callbacks.fireWith( [context] [, args] )
u
★ callbacks.has( callback )
Determine whether a supplied callback is in a list.
0-1
★ callbacks.lock()
Lock a callback list in its current state.
u
★ callbacks.locked()
Determine if the callbacks list has been locked.
0-1
★ callbacks.remove( callback )
Remove a callback or a collection of callbacks from a
callback list.
u
❉ DATA & MISCELLANEOUS
.data()
Store arbitrary data associated with the matched
elements.
data( key , value ), data( key )
jQ
jQuery.dequeue()
Execute the next function on the queue for the matched
element.
jQuery.dequeue( element [, queueName] )
jQ
jQuery.hasData( element )
Determine whether an element has any jQuery data
associated with it.
0-1
★ .removeData()
Remove a previously-stored piece of data.
.removeData( [name] ), .removeData( [list] )
jQ
.each()
Remove a previously-stored piece of data.
.each( function(index, Element) )
jQ
.each()
Remove a previously-stored piece of data.
.each( function(index, Element) )
jQ
.get( [index] )
Retrieve the DOM elements matched by the jQuery
object.
.each( function(index, Element) )
el
a()
.index
Search for a given element from among the matched
elements.
.index( selector ), .index( element )
Num
jQuery.noConflict( [removeAll] )
Relinquish jQuery's control of the $ variable.
Obj
.size()
Return the number of elements in the jQuery object.
Num
.toArray()
Retrieve all the DOM elements contained in the jQuery
set, as an array.
a()
❉ DEFERRED
deferred.always()
Add handlers to be called when the Deferred object is
either resolved or rejected.
deferred.always( alwaysCallbacks [, alwaysCallbacks] )
def
deferred.done()
Add handlers to be called when the Deferred object is
resolved.
deferred.done( doneCallbacks [, doneCallbacks] )
def
deferred.fail()
Add handlers to be called when the Deferred object is
rejected.
deferred.fail( failCallbacks [, failCallbacks] )
def
deferred.isRejected()
Determine whether a Deferred object has been rejected.
0-1
deferred.isResolved()
Determine whether a Deferred object has been resolved.
0-1
deferred.notify( args )
Call the progressCallbacks on a Deferred object with the
given args.
0-1
jQUERY 1.7
VISUAL CHEAT SHEET
★ = NEW OR CHANGED IN jQUERY 1.7 / f(x) = FUNCTION / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING
8. deferred.notifyWith()
Call the progressCallbacks on a Deferred object
with the given context and args.
deferred.notifyWith( context [, args] )
def
deferred.pipe()
Utility method to filter and/or chain Deferreds.
deferred.pipe( [doneFilter] [, failFilter] )
deferred.pipe( [doneFilter] [, failFilter] [,
progressFilter] )
promise
deferred.progress()
Add handlers to be called when the Deferred object
generates progress notifications.
deferred.progress( progressCallbacks )
def
deferred.promise()
Return a Deferred's Promise object.
deferred.promise( [target] )
promise
deferred.reject( args )
Reject a Deferred object and call any failCallbacks
with the given args.
def
deferred.rejectWith()
Reject a Deferred object and call any failCallbacks
with the given context and args.
deferred.rejectWith( context [, args] )
def
deferred.resolve( args )
Resolve a Deferred object and call any
doneCallbacks with the given args.
def
deferred.resolveWith()
Resolve a Deferred object and call any
doneCallbacks with the given args.
deferred.resolveWith( context [, args] )
def
deferred.state()
Determine the current state of a Deferred object.
Str
deferred.then()
Add handlers to be called when the Deferred object
is resolved or rejected.
deferred.then( doneCallbacks, failCallbacks )
deferred.then( doneCallbacks, failCallbacks [,
progressCallbacks] )
def
.promise()
Return a Promise object to observe when all
actions of a certain type bound to the collection,
queued or not, have finished.
.promise( [type] [, target] )
promise
jQuery.when( deferreds )
Provides a way to execute callback functions based
on one or more objects, usually Deferred objects
that represent asynchronous events.
promise
❉
jQUERY 1.7
VISUAL CHEAT SHEET
CORE ✼ SELECTORS ✼ ATTRIBUTES ✼ TRAVERSING ✼ MANIPULATION ✼ CSS ✼ EVENTS
EFFECTS ✼ AJAX ✼ UTILITIES ✼ CALLBACKS ✼ DATA & MISC ✼ DEFERRED OBJECT
★ = NEW OR CHANGED IN jQUERY 1.7 / f(x) = FUNCTION / a = ARRAY / jQ = jQUERY / El = ELEMENT / 0-1 = BOOLEAN / Obj = OBJECT / NUM = NUMBER / Str = STRING
New or Changed in jQuery 1.7.1
WHAT’S NEW?
Aspects of the API that were changed in the corresponding version of
jQuery. API changes in jQuery 1.7.0 dealt primarily with the new Event
APIs: .on() and .off()
Better Support for HTML5 in IE6/7/8
jQuery.Callbacks()
Toggling Animations Work Intuitively
jQuery.Callbacks()
callbacks.add()
callbacks.disable()
callbacks.empty()
callbacks.fire()
callbacks.fired()
callbacks.fireWith()
callbacks.has()
callbacks.lock()
callbacks.locked()
callbacks.remove()
deferred.notify()
deferred.notifyWith()
deferred.pipe()
deferred.progress()
deferred.state()
deferred.then()
event.delegateTarget
.is()
jQuery.isNumeric()
.off()
.on()
.removeAttr()
.removeData()
.stop()
About jQuery
THE WRITE LESS, DO MORE, JAVASCRIPT LIBRARY
jQuery is a fast and concise JavaScript Library that simplifies
HTML document traversing, event handling, animating, and
Ajax interactions for rapid web development. jQuery is designed
to change the way that you write JavaScript.
jQuery Official Web Site http://jquery.com
Download http://docs.jquery.com/Downloading_jQuery
Documentation http://docs.jquery.com/Main_Page
Tutorials http://docs.jquery.com/Tutorials
Bug Traker http://bugs.jquery.com/newticket
Discussion http://docs.jquery.com/Discussion
Credits
JQUERY 1.7 VISUAL CHEAT SHEET
This jQuery visual cheat sheet is designed by Antonio Lupetti and
is distributed for free.
Update as of december 2011, jQuery current release v 1.7.1
My Blog http://woorkup.com
Twitter @woork - http://twitter.com/woork
Facebook http://facebook.com/antoniolupetti
Google+ https://plus.google.com/u/0/112930363515083491757