JavaScript is one of the 3 languages all web developers must learn:
1. HTML to define the content of web pages
2. CSS to specify the layout of web pages
3. JavaScript to program the behavior of web pages
Downloading jQuery file from jQuery website.
Referring to jQuery file through Content Delivery Networks.
Google CDN
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js>
</script>
Microsoft CDN
<script src=“http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js”>
</script>
Jquery Complete Presentation along with Javascript Basics
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.
The document provides an introduction and overview of jQuery Mobile (jQM) including:
- Downloading and including the jQuery Mobile framework
- The basic page structure of jQM including headers, footers, and content sections
- Common jQuery Mobile components like headers, footers, lists, and forms
This document provides an overview of jQuery, including:
- What jQuery is and its main advantages like simplifying JavaScript programming
- How to enable jQuery and the basic jQuery syntax
- The differences between JavaScript and jQuery
- Common jQuery selectors, events, and effects like show(), hide(), fadeIn(), etc.
It covers the main concepts in jQuery like selecting elements, events, and animations at a high level in order to introduce the reader to what jQuery is and its basic functionality.
The document provides an introduction to JQuery and Modernizr. It discusses how JQuery simplifies common tasks like DOM manipulation, event handling, and Ajax interactions. It also explains how Modernizr detects browser features to avoid unreliable user agent sniffing. The document includes examples of basic JQuery syntax and functions for selecting elements, creating/inserting elements, and animations.
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.
Learning jQuery made exciting in an interactive session by one of our team me...
- jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, event handling, animation, and Ajax interactions for rapid web development. It works across all major browsers.
- jQuery UI provides interactive widgets, effects, and themes that can be used to build highly interactive web applications. It is built on top of the jQuery library and uses JavaScript, CSS, and HTML. Popular widgets include accordion, autocomplete, datepicker, dialog, and slider.
- To use jQuery UI, developers include the jQuery-ui.js and jquery-ui.css files in their web pages. It offers interactions, widgets, effects, themes and utilities that enhance the user experience of applications.
jQuery is a popular JavaScript library that makes HTML document traversal and manipulation, event handling, animation, and Ajax interactions more simple. It works across browsers and allows developers to write less code using its easy-to-use API. The document discusses how jQuery works, including how to launch code on document ready, add and remove HTML classes, and use callbacks and functions when passing arguments to other functions.
JavaScript is one of three core web programming languages that all developers must learn, along with HTML and CSS. JavaScript code can be inserted into HTML documents using <script> tags and can be placed in the <head> or <body> sections. JavaScript functions and code can also be stored in external .js files and referenced using <script> tags. JavaScript provides various ways to display and output data, including writing to HTML elements using innerHTML, displaying popup alerts, writing to the browser console, and more.
This document provides an introduction to JavaScript and covers topics such as:
- JavaScript allows for interactivity on web pages by manipulating the browser and reacting to user actions.
- JavaScript code is embedded within HTML pages and executed on the client-side by the browser.
- Common JavaScript concepts covered include variables, functions, scope, events, and form validation.
- JavaScript can be used to validate user input, perform calculations, and modify the DOM in response to events.
jQuery is a JavaScript library that makes HTML document traversal and manipulation, event handling, animation, and Ajax interactions more simple. It works across browsers and allows developers to select elements, handle events, and perform animations with simple code. The document discusses how jQuery works, how to launch code when the document is ready, and how to add and remove HTML classes using jQuery. It also introduces callbacks and functions in jQuery, explaining how to pass callback functions into other functions.
This document provides a summary of jQuery, including:
- What jQuery is and why it is popular
- How to install and include the jQuery library
- Common jQuery syntax using selectors to select and manipulate HTML elements
- Examples of jQuery events, DOM traversal methods, and AJAX functionality
- Contact information is provided at the end for the training organization behind the document.
- jQuery is a JavaScript library that simplifies JavaScript programming and makes it easier to use JavaScript on websites.
- To add jQuery, include the jQuery script in the <head> section of an HTML page by linking to the jQuery CDN or downloading the jQuery file.
- jQuery syntax uses the $ sign followed by a selector and an action. For example, $("p").hide() hides all <p> elements.
- Common jQuery methods include hide(), show(), fadeIn(), fadeOut(), and slideUp() to manipulate HTML elements with simple function calls.
The document provides an overview of core web technologies including HTTP, HTML, CSS, JavaScript and how they work together. It explains how HTTP is used to transfer data between client and server, how HTML structures content, CSS styles content, and JavaScript controls behavior. It also discusses how these technologies have evolved over time and how jQuery simplifies working with them through its selector and method chains that abstract browser differences.
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 introduces JQuery, a JavaScript library that simplifies HTML document manipulation, event handling, animations, and AJAX interactions. It explains that JQuery downloads as a JavaScript file that can then be referenced in an HTML page, allowing developers to select elements and use JQuery functions rather than traditional JavaScript methods. Basic JQuery syntax, selectors, DOM manipulation, and animation functions are demonstrated.
This document provides an outline and overview of client-side technologies including JavaScript, DOM, and jQuery. The outline covers JavaScript concepts like data types, control structures, arrays, functions, and objects. It also covers DOM levels and manipulating the DOM. Finally, it discusses jQuery and how to load, select elements, handle events, and more. The presentation aims to familiarize students with these important front-end technologies.
Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...
Presented as a plenary session in iTELL 2024 in Salatiga on 4 July 2024.
The plenary focuses on understanding and intepreting relevant TPACK competence for teachers to be adept in teaching multimodality in the digital age. It juxtaposes the results of research on multimodality with its contextual implementation in the teaching of English subject in the Indonesian Emancipated Curriculum.
Front desk officers are responsible for taking care of guests and customers. Their work mainly involves interacting with customers and business partners, either in person or through phone calls.
How to Add Colour Kanban Records in Odoo 17 Notebook
In Odoo 17, you can enhance the visual appearance of your Kanban view by adding color-coded records using the Notebook feature. This allows you to categorize and distinguish between different types of records based on specific criteria. By adding colors, you can quickly identify and prioritize tasks or items, improving organization and efficiency within your workflow.
Principles of Rood’s Approach
Treatment technique used in physiotherapy for neurological patients which aids them to recover and improve quality of life
Facilitatory techniques
Inhibitory techniques
Delegation Inheritance in Odoo 17 and Its Use Cases
There are 3 types of inheritance in odoo Classical, Extension, and Delegation. Delegation inheritance is used to sink other models to our custom model. And there is no change in the views. This slide will discuss delegation inheritance and its use cases in odoo 17.
Sequence numbers are mainly used to identify or differentiate each record in a module. Sequences are customizable and can be configured in a specific pattern such as suffix, prefix or a particular numbering scheme. This slide will show how to create sequence numbers in odoo 17.
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894
As artificial intelligence continues to evolve, understanding the complexities and regulations regarding AI risk management is more crucial than ever.
Amongst others, the webinar covers:
• ISO/IEC 42001 standard, which provides guidelines for establishing, implementing, maintaining, and continually improving AI management systems within organizations
• insights into the European Union's landmark legislative proposal aimed at regulating AI
• framework and methodologies prescribed by ISO/IEC 23894 for identifying, assessing, and mitigating risks associated with AI systems
Presenters:
Miriama Podskubova - Attorney at Law
Miriama is a seasoned lawyer with over a decade of experience. She specializes in commercial law, focusing on transactions, venture capital investments, IT, digital law, and cybersecurity, areas she was drawn to through her legal practice. Alongside preparing contract and project documentation, she ensures the correct interpretation and application of European legal regulations in these fields. Beyond client projects, she frequently speaks at conferences on cybersecurity, online privacy protection, and the increasingly pertinent topic of AI regulation. As a registered advocate of Slovak bar, certified data privacy professional in the European Union (CIPP/e) and a member of the international association ELA, she helps both tech-focused startups and entrepreneurs, as well as international chains, to properly set up their business operations.
Callum Wright - Founder and Lead Consultant Founder and Lead Consultant
Callum Wright is a seasoned cybersecurity, privacy and AI governance expert. With over a decade of experience, he has dedicated his career to protecting digital assets, ensuring data privacy, and establishing ethical AI governance frameworks. His diverse background includes significant roles in security architecture, AI governance, risk consulting, and privacy management across various industries, thorough testing, and successful implementation, he has consistently delivered exceptional results.
Throughout his career, he has taken on multifaceted roles, from leading technical project management teams to owning solutions that drive operational excellence. His conscientious and proactive approach is unwavering, whether he is working independently or collaboratively within a team. His ability to connect with colleagues on a personal level underscores his commitment to fostering a harmonious and productive workplace environment.
Date: June 26, 2024
Tags: ISO/IEC 42001, Artificial Intelligence, EU AI Act, ISO/IEC 23894
-------------------------------------------------------------------------------
Find out more about ISO training and certification services
Training: ISO/IEC 42001 Artificial Intelligence Management System - EN | PECB
Webinars: https://pecb.com/webinars
Article: https://pecb.com/article
-------------------------------------------------------------------------------
JavaScript is a programming language that conforms to the ECMAScript specification and is used for both client-side and server-side web applications. It is a dynamic, high-level language that is often just-in-time compiled and uses curly-bracket syntax with dynamic typing. JavaScript code can be added to HTML pages in two ways - internally within <script> tags or externally by linking to a .js file. Code within <script> tags can be placed in the <head> or <body> sections, while external files provide advantages like separation of code, easier maintenance, and caching of files.
This document discusses jQuery, a JavaScript library that simplifies HTML document manipulation and user interaction. It allows selecting elements, modifying content and styling, handling events, and using AJAX. Some key benefits are cross-browser support, CSS-like syntax, and an active developer community. Examples provided demonstrate using jQuery for forms, chatboxes, menus, animations and more. Selectors allow finding elements by ID, class, type and other attributes. Events like click can have functions attached. jQuery is used by many large companies and helps abstract away browser differences.
This document discusses jQuery, a JavaScript library that simplifies HTML document manipulation and user interaction. It allows selecting elements, modifying content and styling, handling events, and using AJAX. Some key benefits are cross-browser compatibility and a CSS-like syntax. Examples provided include forms, chat boxes, menus, and animations. Selectors allow finding elements by ID, class, type and other attributes. Events like click can have functions attached. jQuery is used by many large companies and helps build interactive web pages.
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.
Introduction to jquery mobile with PhonegapRakesh Jha
The document provides an introduction and overview of jQuery Mobile (jQM) including:
- Downloading and including the jQuery Mobile framework
- The basic page structure of jQM including headers, footers, and content sections
- Common jQuery Mobile components like headers, footers, lists, and forms
This document provides an overview of jQuery, including:
- What jQuery is and its main advantages like simplifying JavaScript programming
- How to enable jQuery and the basic jQuery syntax
- The differences between JavaScript and jQuery
- Common jQuery selectors, events, and effects like show(), hide(), fadeIn(), etc.
It covers the main concepts in jQuery like selecting elements, events, and animations at a high level in order to introduce the reader to what jQuery is and its basic functionality.
The document provides an introduction to JQuery and Modernizr. It discusses how JQuery simplifies common tasks like DOM manipulation, event handling, and Ajax interactions. It also explains how Modernizr detects browser features to avoid unreliable user agent sniffing. The document includes examples of basic JQuery syntax and functions for selecting elements, creating/inserting elements, and animations.
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.
Learning jQuery made exciting in an interactive session by one of our team me...Thinqloud
- jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, event handling, animation, and Ajax interactions for rapid web development. It works across all major browsers.
- jQuery UI provides interactive widgets, effects, and themes that can be used to build highly interactive web applications. It is built on top of the jQuery library and uses JavaScript, CSS, and HTML. Popular widgets include accordion, autocomplete, datepicker, dialog, and slider.
- To use jQuery UI, developers include the jQuery-ui.js and jquery-ui.css files in their web pages. It offers interactions, widgets, effects, themes and utilities that enhance the user experience of applications.
jQuery is a popular JavaScript library that makes HTML document traversal and manipulation, event handling, animation, and Ajax interactions more simple. It works across browsers and allows developers to write less code using its easy-to-use API. The document discusses how jQuery works, including how to launch code on document ready, add and remove HTML classes, and use callbacks and functions when passing arguments to other functions.
JavaScript is one of three core web programming languages that all developers must learn, along with HTML and CSS. JavaScript code can be inserted into HTML documents using <script> tags and can be placed in the <head> or <body> sections. JavaScript functions and code can also be stored in external .js files and referenced using <script> tags. JavaScript provides various ways to display and output data, including writing to HTML elements using innerHTML, displaying popup alerts, writing to the browser console, and more.
This document provides an introduction to JavaScript and covers topics such as:
- JavaScript allows for interactivity on web pages by manipulating the browser and reacting to user actions.
- JavaScript code is embedded within HTML pages and executed on the client-side by the browser.
- Common JavaScript concepts covered include variables, functions, scope, events, and form validation.
- JavaScript can be used to validate user input, perform calculations, and modify the DOM in response to events.
jQuery is a JavaScript library that makes HTML document traversal and manipulation, event handling, animation, and Ajax interactions more simple. It works across browsers and allows developers to select elements, handle events, and perform animations with simple code. The document discusses how jQuery works, how to launch code when the document is ready, and how to add and remove HTML classes using jQuery. It also introduces callbacks and functions in jQuery, explaining how to pass callback functions into other functions.
This document provides a summary of jQuery, including:
- What jQuery is and why it is popular
- How to install and include the jQuery library
- Common jQuery syntax using selectors to select and manipulate HTML elements
- Examples of jQuery events, DOM traversal methods, and AJAX functionality
- Contact information is provided at the end for the training organization behind the document.
- jQuery is a JavaScript library that simplifies JavaScript programming and makes it easier to use JavaScript on websites.
- To add jQuery, include the jQuery script in the <head> section of an HTML page by linking to the jQuery CDN or downloading the jQuery file.
- jQuery syntax uses the $ sign followed by a selector and an action. For example, $("p").hide() hides all <p> elements.
- Common jQuery methods include hide(), show(), fadeIn(), fadeOut(), and slideUp() to manipulate HTML elements with simple function calls.
The document provides an overview of core web technologies including HTTP, HTML, CSS, JavaScript and how they work together. It explains how HTTP is used to transfer data between client and server, how HTML structures content, CSS styles content, and JavaScript controls behavior. It also discusses how these technologies have evolved over time and how jQuery simplifies working with them through its selector and method chains that abstract browser differences.
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 introduces JQuery, a JavaScript library that simplifies HTML document manipulation, event handling, animations, and AJAX interactions. It explains that JQuery downloads as a JavaScript file that can then be referenced in an HTML page, allowing developers to select elements and use JQuery functions rather than traditional JavaScript methods. Basic JQuery syntax, selectors, DOM manipulation, and animation functions are demonstrated.
This document provides an outline and overview of client-side technologies including JavaScript, DOM, and jQuery. The outline covers JavaScript concepts like data types, control structures, arrays, functions, and objects. It also covers DOM levels and manipulating the DOM. Finally, it discusses jQuery and how to load, select elements, handle events, and more. The presentation aims to familiarize students with these important front-end technologies.
Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...Neny Isharyanti
Presented as a plenary session in iTELL 2024 in Salatiga on 4 July 2024.
The plenary focuses on understanding and intepreting relevant TPACK competence for teachers to be adept in teaching multimodality in the digital age. It juxtaposes the results of research on multimodality with its contextual implementation in the teaching of English subject in the Indonesian Emancipated Curriculum.
Front Desk Management in the Odoo 17 ERPCeline George
Front desk officers are responsible for taking care of guests and customers. Their work mainly involves interacting with customers and business partners, either in person or through phone calls.
How to Add Colour Kanban Records in Odoo 17 NotebookCeline George
In Odoo 17, you can enhance the visual appearance of your Kanban view by adding color-coded records using the Notebook feature. This allows you to categorize and distinguish between different types of records based on specific criteria. By adding colors, you can quickly identify and prioritize tasks or items, improving organization and efficiency within your workflow.
Principles of Roods Approach!!!!!!!.pptxibtesaam huma
Principles of Rood’s Approach
Treatment technique used in physiotherapy for neurological patients which aids them to recover and improve quality of life
Facilitatory techniques
Inhibitory techniques
Delegation Inheritance in Odoo 17 and Its Use CasesCeline George
There are 3 types of inheritance in odoo Classical, Extension, and Delegation. Delegation inheritance is used to sink other models to our custom model. And there is no change in the views. This slide will discuss delegation inheritance and its use cases in odoo 17.
How to Create Sequence Numbers in Odoo 17Celine George
Sequence numbers are mainly used to identify or differentiate each record in a module. Sequences are customizable and can be configured in a specific pattern such as suffix, prefix or a particular numbering scheme. This slide will show how to create sequence numbers in odoo 17.
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894PECB
As artificial intelligence continues to evolve, understanding the complexities and regulations regarding AI risk management is more crucial than ever.
Amongst others, the webinar covers:
• ISO/IEC 42001 standard, which provides guidelines for establishing, implementing, maintaining, and continually improving AI management systems within organizations
• insights into the European Union's landmark legislative proposal aimed at regulating AI
• framework and methodologies prescribed by ISO/IEC 23894 for identifying, assessing, and mitigating risks associated with AI systems
Presenters:
Miriama Podskubova - Attorney at Law
Miriama is a seasoned lawyer with over a decade of experience. She specializes in commercial law, focusing on transactions, venture capital investments, IT, digital law, and cybersecurity, areas she was drawn to through her legal practice. Alongside preparing contract and project documentation, she ensures the correct interpretation and application of European legal regulations in these fields. Beyond client projects, she frequently speaks at conferences on cybersecurity, online privacy protection, and the increasingly pertinent topic of AI regulation. As a registered advocate of Slovak bar, certified data privacy professional in the European Union (CIPP/e) and a member of the international association ELA, she helps both tech-focused startups and entrepreneurs, as well as international chains, to properly set up their business operations.
Callum Wright - Founder and Lead Consultant Founder and Lead Consultant
Callum Wright is a seasoned cybersecurity, privacy and AI governance expert. With over a decade of experience, he has dedicated his career to protecting digital assets, ensuring data privacy, and establishing ethical AI governance frameworks. His diverse background includes significant roles in security architecture, AI governance, risk consulting, and privacy management across various industries, thorough testing, and successful implementation, he has consistently delivered exceptional results.
Throughout his career, he has taken on multifaceted roles, from leading technical project management teams to owning solutions that drive operational excellence. His conscientious and proactive approach is unwavering, whether he is working independently or collaboratively within a team. His ability to connect with colleagues on a personal level underscores his commitment to fostering a harmonious and productive workplace environment.
Date: June 26, 2024
Tags: ISO/IEC 42001, Artificial Intelligence, EU AI Act, ISO/IEC 23894
-------------------------------------------------------------------------------
Find out more about ISO training and certification services
Training: ISO/IEC 42001 Artificial Intelligence Management System - EN | PECB
Webinars: https://pecb.com/webinars
Article: https://pecb.com/article
-------------------------------------------------------------------------------
2. Why Study JavaScript?
JavaScript is one of the 3 languages all web developers must learn:
1. HTML to define the content of web pages
2. CSS to specify the layout of web pages
3. JavaScript to program the behavior of web pages
3. <html>
<body>
<h2>What Can JavaScript Do?</h2>
<p id="demo">JavaScript can change HTML content.</p>
<button type="button"
onclick='document.getElementById("demo").innerHTML = "Hello
JavaScript!"'>Click Me!</button>
</body>
</html>
6. What is jQuery?
• jQuery is a fast, small, cross-platform and feature-rich JavaScript library. It is
designed to simplify the client-side scripting of HTML.
• It makes things like HTML document traversal and manipulation, animation,
event handling, and AJAX very simple with an easy-to-use API that works on a lot
of different type of browsers.
• The main purpose of jQuery is to provide an easy way to use JavaScript on your
website to make it more interactive and attractive. It is also used to add animation.
7. jQuery:
• jQuery is a lightweight, "write less, do more", JavaScript library.
• The purpose of jQuery is to make it much easier to use JavaScript on your website.
• 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.
• jQuery also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM
manipulation.
The jQuery library contains the following features:
• HTML/DOM manipulation
• CSS manipulation
• HTML event methods
• Effects and animations
• AJAX
• Utilities
8. Why jQuery?
• There are lots of other JavaScript libraries out there, but jQuery is probably the
most popular, and also the most extendable.
Many of the biggest companies on the Web use jQuery, such as:
• Google
• Microsoft
• IBM
• Netflix
9. jQuery Install
• Downloading jQuery file from jQuery website.
• Referring to jQuery file through Content Delivery Networks.
Google CDN
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js>
</script>
Microsoft CDN
<script src=“http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js”>
</script>
10. jQuery Syntax:
• The jQuery syntax is tailor-made for selecting HTML elements and
performing some action on the element(s).
• Basic syntax is: $(selector).action( )
A $ sign to define/access jQuery
A (selector) to "query (or find)" HTML elements
A jQuery action() to be performed on the element(s)
14. #id Selector
• The jQuery #id selector uses the id attribute of an HTML tag to find the specific
element.
• An id should be unique within a page, so you should use the #id selector when you
want to find a single, unique element.
• To find an element with a specific id, write a hash character, followed by the id of
the HTML element:
19. The .class Selector
• The jQuery .class selector finds elements with a specific class.
• To find elements with a specific class, write a period character,
followed by the name of the class:
$(".test")
Example
• When a user clicks on a button, the elements with
class="test" will be hidden:
23. What are Events?
• All the different visitors' actions that a web page can respond to are called events.
• An event represents the precise moment when something happens.
Examples:
• moving a mouse over an element
• selecting a radio button
• clicking on an element
24. jQuery click() with Examples
• The click() is an inbuilt method in jQuery that starts the click event or attach a
function to run when a click event occurs.
Syntax:
• $(selector).click(function);
31. dblclick( )
• The dblclick() method attaches an event handler function to an HTML element.
• The function is executed when the user double-clicks on the HTML element:
35. mouseenter( )
• The mouseenter() method attaches an event handler function to an HTML element.
• The function is executed when the mouse pointer enters the HTML element:
38. mouseleave( )
• The mouseleave() method attaches an event handler function to an HTML
element.
• The function is executed when the mouse pointer leaves the HTML element:
41. mousedown()
• The mousedown() method attaches an event handler function to an HTML
element.
• The function is executed, when the left, middle or right mouse button is pressed
down, while the mouse is over the HTML element:
44. mouseup()
• The mouseup() method attaches an event handler function to an HTML element.
• The function is executed, when the left, middle or right mouse button is released,
while the mouse is over the HTML element:
47. hover()
• The hover() method takes two functions and is a combination of the mouseenter()
and mouseleave() methods.
• The first function is executed when the mouse enters the HTML element, and the
second function is executed when the mouse leaves the HTML element:
53. blur
• The jQuery blur event occurs when element loses focus. It can be generated by via
keyboard commands like tab key or mouse click anywhere on the page.
62. jQuery Fading Methods
• jQuery we can fade an element in and out of visibility.
jQuery has the following fade methods:
• fadeIn()
• fadeOut()
• fadeToggle()
63. jQuery fadeIn() Method
• The jQuery fadeIn() method is used to fade in a hidden element.
Syntax:
$(selector).fadeIn(speed,callback);
64. • The optional speed parameter specifies the duration of the effect. It can take the
following values: "slow", "fast", or milliseconds.
• The optional callback parameter is a function to be executed after the fading
completes.
67. jQuery fadeOut() Method
• The jQuery fadeOut() method is used to fade out a visible element.
Syntax:
$(selector).fadeOut(speed,callback);
68. • The optional speed parameter specifies the duration of the effect. It can take the
following values:
"slow", "fast", or milliseconds.
• The optional callback parameter is a function to be executed after the fading
completes.
70. jQuery fadeToggle() Method
• The jQuery fadeToggle() method toggles between the fadeIn() and fadeOut()
methods.
• If the elements are faded out, fadeToggle() will fade them in.
• If the elements are faded in, fadeToggle() will fade them out.
75. jQuery slideDown() Method
• The jQuery slideDown() method is used to slide down an element.
Syntax:
$(selector).slideDown(speed,callback);
76. • The optional speed parameter specifies the duration of the effect. It can take the
following values: "slow", "fast", or milliseconds.
• The optional callback parameter is a function to be executed after the sliding
completes.
• The following example demonstrates the slideDown() method:
80. jQuery slideUp() Method
• The jQuery slideUp() method is used to slide up an element.
Syntax:
$(selector).slideUp(speed,callback);
81. • The optional speed parameter specifies the duration of the effect. It can take the
following values: "slow", "fast", or milliseconds.
• The optional callback parameter is a function to be executed after the sliding
completes.
• The following example demonstrates the slideUp() method:
85. jQuery slideToggle() Method
• The jQuery slideToggle() method toggles between the slideDown()
and slideUp() methods.
• If the elements have been slid down, slideToggle() will slide them up.
• If the elements have been slid up, slideToggle() will slide them down.
87. • The optional speed parameter can take the following values: "slow",
"fast", milliseconds.
• The optional callback parameter is a function to be executed after the
sliding completes.
• The following example demonstrates the slideToggle() method:
93. • The optional speed parameter specifies the duration of the effect. It
can take the following values: "slow", "fast", or milliseconds.
• The optional callback parameter is a function to be executed after the
animation completes.
• The following example demonstrates a simple use of the animate()
method; it moves a <div> element to the right, until it has reached a
left property of 250px:
95. position property:
• The position property specifies the type of positioning method used
for an element (static, relative, absolute, fixed, or sticky).