Generated by All in One SEO v4.9.1.1, this is an llms.txt file, used by LLMs to index the site.

# Learning jQuery

Tips, techniques, and tutorials for the jQuery JavaScript library

## Sitemaps

- [XML Sitemap](https://learningjquery.com/sitemap.xml): Contains all public & indexable URLs for this website.

## Posts

- [VPS Hosting Selection and Architecture for High-Performance jQuery Web Applications](https://learningjquery.com/2025/06/vps-hosting-selection-and-architecture-for-high-performance-jquery-web-applications) - Web development is not as simple as it used to be. Earlier, we had limited hosting service providers with a fixed set of features for everyone. As tech has improved, we are now looking at improving various parameters like user experience, application responsiveness, and latency. Selecting the right hosting solution for your jQuery-dependent web application
- [The Evolution of Web Development: From HTML5 to JavaScript and Beyond](https://learningjquery.com/2024/08/the-evolution-of-web-development-from-html5-to-javascript-and-beyond) - In the ever-fast-changing world of web development, it becomes imperative to learn about the latest technologies and methodologies. Modern developers go through a lot of hassle while coding, from HTML5 to JavaScript, so instant review tools for feedback have become a necessity in this regard.
- [6 FAQ Of Low-code Platforms Before Choosing The Right](https://learningjquery.com/2021/07/6-faq-of-low-code-platforms-before-choosing-the-right) - As agile business solutions become more necessary, more and more businesses are looking for solutions and features that can improve service delivery, processes, and business activities.
- [Why Technical Education Is Necessary Nowadays](https://learningjquery.com/2022/01/why-technical-education-is-necessary-nowadays) - We live in a tech-based world at the moment. Check the main reasons why technical education is so important in the modern world.
- [Integrating jQuery with IoT Devices for Enhanced User Interfaces](https://learningjquery.com/2024/04/integrating-jquery-with-iot-devices-for-enhanced-user-interfaces) - The Internet of Things (IoT) represents a revolution in how we interact with technology, embedding intelligence in everyday objects from home appliances to industrial equipment.
- [Top 5 Business Catalogs Where You Should Register Your IT Company](https://learningjquery.com/2022/07/top-5-business-catalogs-where-you-should-register-your-it-company) - Consider adding your company to business catalogs to boost your brand awareness and expand your customer base. In this article, we'll tell you about how business catalogs work, how you can benefit from them and how to choose the best one.
- [How to secure your e-commerce Website: Simple Basic Steps](https://learningjquery.com/2023/08/how-to-secure-your-e-commerce-website-simple-basic-steps) - Do you run an e-commerce website? In addition, you are worried about the possibility of your e-commerce website being hacked. It is possible that your e-commerce website may be hacked, but the comforting thing is that you can prevent it from happening.
- [7 Reasons Why You Should Start Learning Coding](https://learningjquery.com/2023/04/7-reasons-why-you-should-start-learning-coding) - Coding is the language of computers, and it allows us to interact with them meaningfully. It is ideal for anyone looking to take their career in a new direction or simply learn something new. You can develop various applications with coding skills, from software to websites.
- [Why Technology Is Critical For Developer Businesses and Company Effectiveness](https://learningjquery.com/2022/10/why-technology-is-critical-for-developer-businesses-and-company-effectiveness) - Technology has become an integral part of the modern business world, and for a good reason. In a fast-paced, ever-changing business environment, it's important to have up-to-date information at your fingertips. Information is power, and technology is critical for company effectiveness.
- [The best software engineering conferences of 2021](https://learningjquery.com/2021/01/the-best-software-engineering-conferences-of-2021) - If you want to stay in touch with the latest developments in any field, you should be aware of the conferences and events regarding those topics.
- [Three Ways To Develop Your Digital Agency](https://learningjquery.com/2022/03/three-ways-to-develop-your-digital-agency) - Every digital agency has ambitions of growth. It’s why people get into business. Every business goal in existence is about moving forward, whether that be financially, sustainably or any other reason.
- [5 Reasons JavaScript Is Crucial for Mobile App Development](https://learningjquery.com/2022/12/5-reasons-javascript-is-crucial-for-mobile-app-development) - Since the popularity of mobile apps is snowballing, the demand for finding a practical and fast solution to create and update them is more than necessary.
- [Three Quick Ways to Avoid Widows](https://learningjquery.com/2008/07/three-quick-ways-to-avoid-widows) - A few months ago I threw together a quick redesign of the Learning jQuery site. It's nothing fancy, mind you, but I was itching to retire the thin veil covering the tired old WordPress Kubrick theme, so something had to be done. Almost immediately upon changing the font-family and font-size of the blog post titles,
- [All You Need To Know About Web Accessibility](https://learningjquery.com/2022/02/all-you-need-to-know-about-web-accessibility) - We’ve heard many developers and designers talking about web accessibility for a while, however, it’s not that rare that you encounter a website that is performing poorly due to various reasons.
- [Detecting Ajax Events on the Server](https://learningjquery.com/2010/03/detecting-ajax-events-on-the-server) - When working with an Ajax-enhanced website, it's generally a good idea to provide a regular request fallback for any core functionality of the site. When you work to ensure that a fallback is in place, you will be faced with determining when a particular request is an Ajax request or just a normal page request.
- [5 Essential Graphic Design Tips for Your Small Business](https://learningjquery.com/2022/01/5-essential-graphic-design-tips-for-your-small-business) - One of the significant ways entrepreneurs grow their business is through advertising. Today, most companies have shifted from traditional modes of advertisement to modern advertising, which mainly involves visuals.
- [5 Methods to Promote Your App Through Social Media](https://learningjquery.com/2022/09/5-methods-to-promote-your-app-through-social-media) - Are you looking for reliable tools for app promotion? Think social media - the limitless web of possibilities! Our guide will help you get through this thorny path!
- [How to Increase Conversion Rates with Ouibounce](https://learningjquery.com/2017/03/how-to-increase-conversion-rates-with-ouibounce) - Use this free plugin to add pop-up modals to your pages, increasing engagement and conversion rates on your sites.
- [3 Mistakes to Avoid When Developing a Business Website](https://learningjquery.com/2022/07/3-mistakes-to-avoid-when-developing-a-business-website) - Your website is an integral part of your brand, and you can't afford to cut corners when building one. This is even more important if your website is a direct extension of your business. In this case, having a poorly made website will not only tarnish your brand, but it can directly affect your sales too.
- [Five mobile app development trends in 2023](https://learningjquery.com/2023/02/five-mobile-app-development-trends-in-2023) - Planning to launch an app? Read along and discover the latest trends and technologies that are influencing mobile app design and development this year.
- [What Java Is Used For: Where to Apply Java?](https://learningjquery.com/2022/08/what-java-is-used-for-where-to-apply-java) - Java is one of the best programming languages used in servers and mobile apps. It is an innovative platform with many applications. Java has popular due to a lot of benefits. It provides a wide range of development tools that allow programmers to create many functions on Android, PC, and others. In addition, the programming language has a clear interface that is easy to understand for a beginner.
- [Top 5 Reasons to Start Learning JavaScript at College](https://learningjquery.com/2021/09/top-5-reasons-to-start-learning-javascript-at-college) - JavaScript is a programming language of the web. If you intend to become a web developer, you need to learn this language.
- [Best jQuery Plugins for E-commerce Website](https://learningjquery.com/2022/06/best-jquery-plugins-for-e-commerce-website) - A close relationship with technology created an ideal environment for E-commerce (electronic commerce) to evolve, make big steps and become one of the most promising business branches.
- [Should You Learn jQuery in 2021](https://learningjquery.com/2021/09/should-you-learn-jquery-in-2021) - Becoming a web developer or programmer seems an interest for the majority of people who are into technology. Following the latest trends and getting to know more about the languages makes people involved in programming languages.
- [Can You Make Video Games with JavaScript?](https://learningjquery.com/2022/04/can-you-make-video-games-with-javascript) - There was a time when JavaScript was thought to be merely a supplement to HTML that helped build the web. Now, it’s considered one of the most versatile programming languages.
- [Is AI The Key to Resolving Common Pain Points and Bottlenecks in Business?](https://learningjquery.com/2023/11/is-ai-the-key-to-resolving-common-pain-points-and-bottlenecks-in-business) - Do you think AI could be the key to solving common pain points and bottlenecks in business? Discover here.
- [The 21st Century is a Time of Digital Progress](https://learningjquery.com/2022/05/the-21st-century-is-a-time-of-digital-progress) - Science has stepped far ahead, allowing people to solve the most difficult tasks. Now, with the help of modern technology, the most ordinary person can easily contact one's family and friends who are on another continent. Live broadcasts ceased to be something new and allowed bloggers to earn additional income. Website Twitch.tv became very popular.
- [Build Your Own YouTube Proxy: Empowering Access to Video Content](https://learningjquery.com/2023/07/build-your-own-youtube-proxy-empowering-access-to-video-content) - In today's digital age, YouTube has become a go-to platform for video content, offering a vast array of entertainment, educational resources and much more. However, access to YouTube may be restricted in certain regions or environments, limiting users' ability to enjoy the wealth of content available. But fear not! By building your own YouTube proxy, you can empower yourself with unrestricted access to video content, bypassing limitations and enjoying a seamless streaming experience.
- [Backlinks and Why They Are Important](https://learningjquery.com/2022/04/backlinks-and-why-they-are-important) - Major search engines consider the number of backlinks of a website a significant factor when determining the SERP rankings.
- [Animated Scrolling for Same-Page Links](https://learningjquery.com/2007/08/animated-scrolling-for-same-page-links) - Many months ago, I posted a note to the jQuery discussion list showing a script I wrote that uses the Interface plugin's ScrollTo() method to automatically scroll smoothly to any id or named anchor on the current page when clicking on a same-page link. The code was unwieldy and unneccessarily long, but it worked. Anyway,
- [<strong>How the Best Amazon Affiliate Sites Succeed</strong>](https://learningjquery.com/2022/12/how-the-best-amazon-affiliate-sites-succeed) - Amazon currently runs an initiative designed to push websites into providing what are known as ‘affiliate links’.
- [<strong>3 Top Tips to Effectively Develop Your Webpages</strong>](https://learningjquery.com/2023/03/3-top-tips-to-effectively-develop-your-webpages) - In recent years there has been a significant increase in the number of web development solutions. Some of these can be used by people who possess minimal coding skills and knowledge to create professional-looking and performing websites in a relatively short period of time.
- [Best Tips to Learn jQuery](https://learningjquery.com/2022/04/best-tips-to-learn-jquery) - jQuery is a programming script that runs on a browser, and it is a JavaScript library. When you learn it, the concept is to expand your knowledge of the system and the libraries, so it really isn’t that hard to grasp if you already use the other known programs.
- [JavaScript Break and Continue Statements](https://learningjquery.com/2021/09/javascript-break-and-continue-statements) - In JavaScript, we often work with JavaScript loops (for loop/ while loop/ do-while loops). While programming, sometimes it is required to break the loop when a specified condition is met. Also, sometimes you may want to skip the loop iterations in the program. JavaScript offers two statements for this purpose, i.e., Break and Continue Statement.
- [The Best Tools for an ASP.NET Coder in 2022](https://learningjquery.com/2022/05/the-best-tools-for-an-asp-net-coder-in-2022) - Created by Microsoft in 2002, ASP.NET is an open-source web framework for building web apps on the .NET framework. It was specifically developed to allow developers to build highly dynamic web applications and sites. The framework is created to work with the HTTP protocol, the standard protocol used across all web apps.
- [5 Useful jQuery Code Snippets For Developers](https://learningjquery.com/2017/10/5-useful-jquery-code-snippets-for-developers) - This tutorial provides five must-have code snippets for any website developer!
- [Tips On Maximizing A Timeline Creator For Your Career Goals](https://learningjquery.com/2022/03/tips-on-maximizing-a-timeline-creator-for-your-career-goals) - So you're interested in creating a timeline? That's great! A career development timeline is an excellent way to visually represent your long-term goals and ideas for acquiring skills that will help you achieve those goals.
- [Effortless AJAX: Simplifying Database Operations with jQuery](https://learningjquery.com/2024/04/effortless-ajax-simplifying-database-operations-with-jquery) - If you're looking to enhance your web applications with dynamic content updates without reloading the page, mastering jQuery's AJAX methods is the way to go.
- [4 Top Tips for Developing Your Website](https://learningjquery.com/2023/07/4-top-tips-for-developing-your-website) - Your website must develop and evolve if it is to remain competitive. If you are not investing time and funds into developing your website, it will remain stagnant, and it may then struggle to attract large visitor numbers. If you have an e-commerce website, you may then struggle to get the conversion rates you are Your website must develop and evolve if it is to remain competitive. If you are not investing time and funds into developing your website, it will remain stagnant, and it may then struggle to attract large visitor numbers. If you have an e-commerce website, you may then struggle to get the conversion rates you are after. Therefore, when developing your website, you must focus on trends and future plans: use the following tips to help you think ahead, and focus on what is needed both now, and in the next 12 months.
- [Top Courses to Learn jQuery 2022](https://learningjquery.com/2022/05/top-courses-to-learn-jquery-2022) - With the invention of newer technologies like React, the use of jQuery has reduced drastically, but its functions are not completely obsolete. Perhaps you’ve run into some legacy codes written in jQuery, and now you’re stuck.
- [Four free online Java compilers](https://learningjquery.com/2015/07/four-free-online-java-compilers) - These compilers can make a developer's job easier.
- [3 Reasons Why JavaScript Is the Best Programming Language to Learn](https://learningjquery.com/2022/10/3-reasons-why-javascript-is-the-best-programming-language-to-learn) - Software development deals with building, designing, sustaining, and releasing software programs. This is the basis of the IT industry. Despite the high skill set required to excel in this space, an increasing number of people are going into software engineering and other career paths in the IT industry because of how lucrative they are.
- [7 Reasons to Join a Web Development Bootcamp in 2023](https://learningjquery.com/2023/03/7-reasons-to-join-a-web-development-bootcamp-in-2023) - If you're interested in becoming a web developer, there are several reasons why you should consider joining a web development bootcamp in 2023. A bootcamp is a compact, rigorous, and fast program for those who desire employment in the web development field.
- [Five apps you need to manage your WordPress website more efficiently](https://learningjquery.com/2023/02/five-apps-you-need-to-manage-your-wordpress-website-more-efficiently) - Need mobile-friendly solutions to manage your WordPress site? Here’s a list of apps and tools that can power your website and make maintenance super easy.
- [HTML injection attacks: Understanding the threat and how to protect your website](https://learningjquery.com/2023/01/html-injection-attacks-understanding-the-threat-and-how-to-protect-your-website) - Attacks carried out through malicious codes can be significantly detrimental to the integrity of your website and the information you store. One of them is HTML injection attacks where the cybercriminal inserts malicious codes to change the website and its content. If the website admins do not carefully validate the users, hackers can use this vulnerability to inject their HTML codes into the website.
- [jQuery and Ajax, a lesson in patience and perseverance…](https://learningjquery.com/2022/10/jquery-and-ajax-a-lesson-in-patience-and-perseverance) - jQuery is a programming language that I admit as being one of my weaker skills. I get by with experiences from past work and fill any gaps using an amazing book “JavaScript & jQuery” by Jon Duckett. However, being more proficient is definitely on the ‘to-do’ list. Little did I know the scale of how flexible and adaptable jQuery can be!
- [Get Help on jQuery Assignments](https://learningjquery.com/2021/12/get-help-on-jquery-assignments) - Many who write JavaScript agree that jQuery has made it easier for them to work with HTML document manipulation and traversal, animations, AJAX, and event handling. jQuery is a small, quick, feature-rich JavaScript library with a user-friendly API.
- [Is Java Hard to Learn for a Beginner? Find Out How to Make It Easier](https://learningjquery.com/2021/12/is-java-hard-to-learn-for-a-beginner-find-out-how-to-make-it-easier) - Java is one of the most popular, widely-used, and beginner-friendly languages out there. But what if in practice, you'll find it difficult to master? You might, if you don’t have a learning strategy.
- [React, Svelte or Angular: Which one to pick of the three?](https://learningjquery.com/2021/12/react-svelte-or-angular-which-one-to-pick-of-the-three) - If you are a web developer, you might wonder which Javascript frameworks you should use. Trying to decide on the best one can be a complicated and overwhelming process, so we have created this blog to help you understand the pros and cons of three of the most popular Javascript frameworks out there: React, Svelte, and Angular.
- [Attracting More People into your Religion with Church WordPress Themes by TemplateMonster](https://learningjquery.com/2021/10/attracting-more-people-into-your-religion-with-church-wordpress-themes-by-templatemonster) - Nowadays, to attract more young people to Religion, it is necessary to keep pace with the times. In other words, the website is essential for showing the youth that Religion is not a relic of the past, and it can be quite modern and trendy.
- [The Newbies Guide to jQuery](https://learningjquery.com/2021/10/the-newbies-guide-to-jquery) - If you’re an active participant on web developer forums, you may have come across interesting debates on the relevance and worthiness of jQuery.
- [A Plugin Development Pattern](https://learningjquery.com/2007/10/a-plugin-development-pattern) - I've been developing jQuery plugins for quite a while now, and I've become rather comfortable with a particular style of plugin development for my scripts. This article is meant to share the pattern that I've found especially useful for plugin authoring. It assumes you already have an understanding of plugin development for jQuery; if you're
- [Tips for Students on How to Do Math in JavaScript with Operators](https://learningjquery.com/2021/06/tips-for-students-on-how-to-do-math-in-javascript-with-operators) - Mathematics lies at the heart of just about everything in programming. Understanding how to implement mathematical principles into JavaScript is necessary for building a functioning platform that performs its intended usage.
- [Looking For The Best jQuery Books? We’ve Got You.](https://learningjquery.com/2021/03/looking-for-the-best-jquery-books-weve-got-you) - The internet is full of information touching on various aspects of jQuery. Unfortunately, it can be hard to navigate the murky alleys of the interwebs sieving all the information you come across. Check out the 10 best jQuery books for all levels from beginners to professionals.
- [What Are jQuery Events?](https://learningjquery.com/2020/11/what-are-jquery-events) - jQuery Events are various visitor’s actions that a web page can respond to. It is a function that triggers user action. In this tutorial, learn all about them!
- [What Is jQuery .css() Method?](https://learningjquery.com/2020/11/what-is-jquery-css-method) - The .css() method in jQuery is used to set or return the style property of the elements. In this guide, learn what is jQuery .css() method, how it works & mor
- [What Is jQuery?](https://learningjquery.com/2020/09/what-is-jquery) - jQuery is a very fast and flexible javascript library. It is a powerful library despite the small package size. Learn all about what is jQuery in this tutorial!
- [How To Add Class Names In jQuery?](https://learningjquery.com/2020/09/how-to-add-class-names-in-jquery) - In this tutorial, we learn various syntaxes to add class names in jQuery. We also learn the code for hasClass and toggleClass. Learn all about class names here!
- [10 Free jQuery Timeline Plugins](https://learningjquery.com/2016/07/free-jquery-timeline-plugins) - Use any of these plugins to add a chronological timeline functionality to your site.
- [Different Methods of Error Handling in jQuery](https://learningjquery.com/2017/03/jquery-error-handling-try-catch) - Get an in-depth lesson on error handling using jQuery with this intermediate tutorial.
- [What Is jQuery find()?](https://learningjquery.com/2020/11/what-is-jquery-find) - The find() is an inbuilt method that can be used to find all the descendant elements. Learn all about jQuery find() and different ways to find elements!
- [What Is jQuery Used For?](https://learningjquery.com/2020/11/what-is-jquery-used-for) - jQuery, with its tagline of write less do more, is a Javascript library that makes coding efficient for developers. Learn what is jQuery used for and more!
- [How To Add jQuery To HTML?](https://learningjquery.com/2020/11/how-to-add-jquery-to-html) - jQuery and HTML are two integral parts of modern web development. Thus, it becomes important for any web developer to learn how to add jQuery to HTML.
- [What Is jQuery append()?](https://learningjquery.com/2020/11/what-is-jquery-append) - The jQuery append() method is used to append text or content specified by the parameter to the end of element. Learn all about jQuery append() in this article!
- [What Are jQuery Effects?](https://learningjquery.com/2020/11/what-are-jquery-effects) - jQuery Effects adds effectiveness and helps to easily create web pages with various effects and animations. In this guide, learn all about jQuery effects!
- [What Is jQuery Migrate?](https://learningjquery.com/2020/11/what-is-jquery-migrate) - jQuery migrate is used to reduce the efforts to upgrade jQuery versions and make the task easier. In this tutorial, learn all about jQuery migrate & more!
- [What Are jQuery Selectors?](https://learningjquery.com/2020/11/what-are-jquery-selectors) - When you want to select or manipulate one or more HTML elements, jQuery selectors are used. In this tutorial, see different jQuery selectors and their uses!
- [What Is jQuery AJAX?](https://learningjquery.com/2020/11/what-is-jquery-ajax) - jQuery AJAX is used to store the data in the background and display it on your web pages. In this tutorial, learn all about jQuery AJAX methods & more!
- [12 Awesome jQuery Virtual Keyboard Plugins](https://learningjquery.com/2017/10/12-awesome-jquery-virtual-keyboard-plugins-2) - Here is our list of 12 awesome jQuery virtual keyboard plugins, which allow you to attach an on-screen virtual keyboard.
- [10 Awesome jQuery Print Page Plugins](https://learningjquery.com/2017/10/10-awesome-jquery-print-page-plugins) - Printing a webpage is not common, when the need arises it's nice to be able to complete the task quickly and easily. These jQuery print page plugins can help!
- [Optimize your jQuery selectors for best performance](https://learningjquery.com/2017/10/optimize-your-jquery-selectors-for-best-performance-2) - Performance is one of the most integral parts of any application. Learn how to optimize your jQuery selectors for best performance.
- [Get HTML Table Cell Value Using jQuery](https://learningjquery.com/2017/09/get-html-table-cell-value-using-jquery) - Learn to retrieve table cell values using jQuery in this handy tutorial!
- [20 Impressive jQuery Plugins to Replace the HTML Select Box](https://learningjquery.com/2017/09/20-impressive-jquery-plugins-to-replace-the-html-select-box) - Discover a variety of resources for replacing the HTML select box; spice up your website and enhance its usability!
- [jQuery's .attr() Method](https://learningjquery.com/2016/11/jquerys-attr-method) - Learn how to use jQuery's .attr() method to set attributes and values of HTML elements.
- [jQuery.parseJSON vs JSON.parse](https://learningjquery.com/2016/12/jquery-parsejson-vs-json-parse) - Learn the difference between jQuery.parseJSON and JSON.parse in this detailed tutorial.
- [3 jQuery Snippets for Handling CSS Classes](https://learningjquery.com/2017/03/3-jquery-snippets-for-handling-css-classes) - Use these handy and simple free jQuery snippets to help handle your CSS more dynamically.
- [How to Use jQuery to Dynamically Open Links in New Tabs](https://learningjquery.com/2017/06/how-to-use-jquery-to-dynamically-open-links-in-new-tabs) - This beginner's tutorial demonstrates how to use jQuery to dynamically open all links in new tabs.
- [How to Use JavaScript to Detect Browser](https://learningjquery.com/2017/05/how-to-use-javascript-to-detect-browser) - Use this beginner's tutorial to learn how to use JavaScript to detect what browser your users are viewing your webpages on.
- [JavaScript-Equivalent jQuery Code for Simple Tasks](https://learningjquery.com/2017/08/javascript-equivalent-jquery-code-for-simple-tasks) - Ever wondered about the differences between jQuery and JavaScript? This tutorial covers a number of basic tasks comparing and contrasting the two languages!
- [Optimize your jQuery selectors for best performance](https://learningjquery.com/2017/09/optimize-your-jquery-selectors-for-best-performance) - Write optimized code for jQuery selectors. These optimization tips show the importance of ID based selectors & advantages of caching selectors
- [Using jQuery to Check All Boxes](https://learningjquery.com/2016/12/using-jquery-to-check-all-boxes) - Use this jQuery snippet to check all the input fields within a particular fieldset.
- [How to Use jQuery's .one() Method](https://learningjquery.com/2017/01/how-to-use-jquerys-one-method) - How to use jQuery's .one() method to limit the amounts of time a function can be run.
- [jQuery's .fade() Method](https://learningjquery.com/2017/01/jquerys-fade-method) - jQuery's .fade() method is a great way to easily make elements fade in and out of view based on trigger events.
- [Show/Hide HTML Elements Using jQuery](https://learningjquery.com/2017/01/showhide-html-elements-using-jquery) - Show or hide HTML elements from view using this handy jQuery method.
- [How to Create a Simple Image Slider Using jQuery](https://learningjquery.com/2017/01/how-to-create-a-simple-image-slider-using-jquery) - Use this code snippet to learn how to easily create an image slider using jQuery with no plugins necessary.
- [Form Validation Snippets: Email Validation with jQuery](https://learningjquery.com/2017/01/form-validation-snippets-email-validation-with-jquery) - Insert this jQuery code snippet into any of your projects for quick and easy email validation.
- [Handy jQuery Code Snippets for Textboxes](https://learningjquery.com/2017/02/handy-jquery-code-snippets-for-textboxes) - Code snippets are great time savers as these are essentially just reusable pieces of code. Implementing client side validations can be done using jQuery, as well as some other basic tasks like clearing value or enabling and disabling textboxes. This post provides a list of useful jQuery code snippets for handling textbox related tasks with
- [Handling JSON with jQuery](https://learningjquery.com/2017/09/handling-json-with-jquery) - Learn to handle JSON and convert JSON objects to various formats - including CSV and HTML - for an easy-to-handle information container!
- [How to Implement Automatic Scrolling with jQuery](https://learningjquery.com/2017/03/how-to-implement-automatic-scrolling-with-jquery) - Use this free jQuery code snippet to add automatic scrolling to your webpages.
- [3 Useful jQuery Snippets for Handling Table Data](https://learningjquery.com/2017/03/3-useful-jquery-snippets-for-handling-table-data) - Check out these three free code snippets that demonstrate different ways to handle table data using jQuery.
- [How to Dynamically Resize an iFrame](https://learningjquery.com/2017/03/how-to-dynamically-resize-an-iframe) - Use this code snippet to dynamically resize an iFrame based on its content using jQuery.
- [How to Sort HTML Table Using jQuery Code](https://learningjquery.com/2017/03/how-to-sort-html-table-using-jquery-code) - Use these snippets to build, style, and sort a table dynamically using HTML, CSS, and jQuery.
- [How to Use Media Queries with jQuery](https://learningjquery.com/2017/03/how-to-use-media-queries-with-jquery) - This guide will show you how to use jQuery to write and manage your media queries for mobile friendly and responsive sites.
- [Using jQuery to Get Page Load Time](https://learningjquery.com/2017/04/using-jquery-to-get-page-load-time) - Use this simple code snippet to determine page load time easily using jQuery.
- [jQuery Bubbling Text Effect](https://learningjquery.com/2017/04/jquery-bubbling-text-effect) - Use this tutorial to understand how to create an animated bubbling text effect using jQuery and CSS.
- [Add Pagination to HTML Table Using jQuery](https://learningjquery.com/2017/03/add-pagination-to-html-table-using-jquery) - Use this jQuery tutorial to add pagination to your HTML tables. Perfect for condensing tables that contain a lot of data.
- [How to Use jQuery's .select() Method](https://learningjquery.com/2017/04/how-to-use-jquerys-select-method) - Use this free jQuery snippet to better understand how to use jQuery's .select() method for your own projects.
- [12 Awesome jQuery Virtual Keyboard Plugins](https://learningjquery.com/2017/04/12-awesome-jquery-virtual-keyboard-plugins) - Check out this comprehensive list of free jQuery plugins, all of which can be used to add a virtual keyboard effect to your sites.
- [How to Use jQuery's .queue() Method](https://learningjquery.com/2017/05/how-to-use-jquerys-queue-method) - Learn the basics of how to use jQuery's .queue() method in this beginner's jQuery tutorial.
- [How to Verify User Age with jQuery Code](https://learningjquery.com/2017/05/how-to-verify-user-age-with-jquery-code) - Use this jQuery snippet to learn how to easily validate any age verification forms you add to your web pages or projects.
- [Drag and Drop HTML Table Rows Using jQuery](https://learningjquery.com/2017/05/drag-and-drop-html-table-rows-using-jquery) - Learn how to create cool, interactive drag and drop HTML table rows using jQuery in this intermediate coding tutorial.
- [Using jQuery to Delete All Inline HTML Styling](https://learningjquery.com/2017/06/using-jquery-to-delete-all-inline-html-styling) - This beginner's jQuery tutorial demonstrates how to use jQuery to easily and simply remove all inline HTML style attributes.
- [How to Use jQuery's Mouse Methods](https://learningjquery.com/2017/05/how-to-use-jquerys-mouse-methods) - This beginner's jQuery tutorial details how to use the .mouseup(), .mousedown(), .mouseenter(), and .mouseleave() event methods.
- [Using jQuery to Count Child Elements](https://learningjquery.com/2017/05/using-jquery-to-count-child-elements) - This jQuery tutorial can be used to learn how to use jQuery to count all of the child elements of a particular element.
- [6 Unique jQuery Plugins for Background Effects](https://learningjquery.com/2017/02/6-unique-jquery-plugins-for-background-effects) - Use any of these free, lightweight plugins to add some color, dimension, and effects to your web pages.
- [How to Use jQuery's .delay() Method](https://learningjquery.com/2017/02/how-to-use-jquerys-delay-method) - Learn how to use jQuery's .delay() method in this beginner's tutorial.
- [How to Use JavaScript to Detect Devices](https://learningjquery.com/2017/02/how-to-use-jquery-to-detect-devices) - Use this simple jQuery snippet to test for what type of device your code is being viewed on.
- [How to Find the Coordinates of Your Mouse Position](https://learningjquery.com/2017/02/how-to-find-coordinates-of-mouse-position) - Use this jQuery snippet to find the coordinates of your mouse's position on any page.
- [How to Refresh One Section of a Page](https://learningjquery.com/2017/02/how-to-refresh-one-section-of-a-page) - Use this simple jQuery code snippet to only refresh one particular section of your content without having to reload the whole page.
- [Caching Elements in jQuery](https://learningjquery.com/2017/01/caching-elements-in-jquery) - This beginner's tutorial shows you how to cache elements in jQuery for quicker, cleaner code.
- [5 Awesome Free jQuery Calendars for Your Next Project](https://learningjquery.com/2016/12/5-awesome-free-jquery-calendars-to-add-to-your-next-project) - Check out this curated list of the best free jQuery Calendar plugins that would make a great addition to any project.
- [jQuery Snippet: Enable Submit if Input Field has Value](https://learningjquery.com/2016/12/jquery-snippet-enable-submit-if-input-field-has-value) - Learn how to use a few lines of jQuery to enable a submit button if an input field has value.
- [Snippets: Disable Scroll Using jQuery](https://learningjquery.com/2016/11/snippets-disable-scroll-using-jquery) - Learn how to disable scroll on your site using only 3 lines of code.
- [jQuery: Enable Click Event for Some Anchor Elements ](https://learningjquery.com/2016/11/jquery-enable-click-event-for-some-anchor-elements) - Use these code snippets to allow click events for only some anchor elements.
- [jQuery's .find() Method](https://learningjquery.com/2016/11/jquerys-find-method) - Use jQuery's find method to select descendants of a parent element.
- [jQuery: Showing/Hiding HTML Elements Based on Scroll Position](https://learningjquery.com/2016/10/jquery-showinghiding-html-elements-based-on-scroll-position) - Learn how to use jQuery to show/hide certain elements based on your scroll position within the viewport.
- [Using Method Chaining in jQuery](https://learningjquery.com/2016/10/using-method-chaining-in-jquery) - Use this chaining technique to optimize the speed of your jQuery code.
- [Disable Links with jQuery](https://learningjquery.com/2016/10/disable-links-with-jquery) - jQuery's built in preventDefault() method is a great way to prevent the default functionality of an element from occurring. It's probably most commonly used to disable links. Maybe you want a certain link only to work under certain conditions (like for example, you only want it clicked if the user is on a desktop sized
- [jQuery Prefixes: jQuery vs. $](https://learningjquery.com/2016/10/jquery-prefixes-jquery-vs) - Ever wonder what the difference is between writing jQuery and $? Turns out, they can be used interchangeably.
- [Create a Simple Back to Top Button with jQuery](https://learningjquery.com/2016/09/create-a-simple-back-to-top-button-with-jquery) - Insert the following snippet into your projects to add a simple, easy to use, back to top button to your own pages.
- [15 jQuery Rating Plugins ](https://learningjquery.com/2016/09/15-jquery-rating-plugins) - 15 jQuery based rating plugins to create rating system on your website.
- [Using jQuery to Access iFrame Elements](https://learningjquery.com/2016/09/using-jquery-to-access-iframe-elements) - This simple jQuery script will allow you to access elements within an iFrame.
- [Quick Tip: Use jQuery to Clone Objects](https://learningjquery.com/2016/08/quick-tip-use-jquery-to-clone-objects) - There's a really handy .clone() method in jQuery that allows you to copy an HTML element dynamically using a script.
- [Convert Text Cases Using jQuery](https://learningjquery.com/2016/08/convert-text-cases-using-jquery) - Use these jQuery script to convert text to lower case, upper case, title case, and Pascal case.
- [How to Disable Right Click Using jQuery](https://learningjquery.com/2016/08/how-to-disable-right-click-using-jquery) - All you need are a few lines of jQuery code to disable right-click on your site.
- [12 jQuery Plugins to Create Image Zoom Effect](https://learningjquery.com/2016/07/12-jquery-plugins-to-create-image-zoom-effect) - Use any of these lightweight jQuery plugins to create a zoom effect on images.
- [12 jQuery Plugins to Animate Text](https://learningjquery.com/2016/06/12-jquery-plugins-to-animate-text) - These lightweight jQuery plugins allow you to add text animations to your sites.
- [10 jQuery Plugins to Create a Ripple Effect](https://learningjquery.com/2016/06/10-jquery-plugins-to-create-a-ripple-effect) - Use these lightweight jQuery plugins to create ripple effects on your site.
- [Using jQuery to Dynamically Add CSS to HTML](https://learningjquery.com/2016/06/using-jquery-to-dynamically-add-css-to-html) - jQuery makes it easy to dynamically add CSS to HTML elements after trigger events.
- [Using jQuery .click() Events to Override Hover Styles on Mobile](https://learningjquery.com/2016/05/using-jquery-click-events-to-override-hover-styles-on-mobile) - This simple script invokes a jQuery .click() event to override hover styles for touch devices.
- [jQuery 3.0 New Loop Syntax](https://learningjquery.com/2016/04/jquery-3-0-new-loop-syntax) - There are many changes that have been made in jQuery 3.0, including new syntax of for loop to iterate over the DOM elements of a jQuery collection.
- [10 jQuery Credit Card Form Plugins](https://learningjquery.com/2016/03/10-jquery-credit-card-form-plugins) - 10 jQuery credit card form plugins that easily format and validate credit card information and detect card type. Great for any ecommerce site.
- [10 jQuery YouTube Plugins](https://learningjquery.com/2016/03/10-jquery-youtube-plugins) - These plugins allow you to embed, add animated thumbnails, and customize YouTube videos to your site.
- [10 jQuery Panorama Plugins](https://learningjquery.com/2016/02/10-jquery-panorama-plugins) - In this post, find a compiled list of 10 jQuery Panorama plugins which you can use to display panorama image or 360 degree view of any image. These plugins are easy to integrate in your website.
- [11 Newest jQuery Progress Bar Plugins](https://learningjquery.com/2016/02/11-newest-jquery-progress-bar-plugins) - In this post, find a compiled list of 11 newest jQuery progress bar plugins which are lightweight, eye catching, and easy to integrate.
- [How to Validate Forms Using jQuery](https://learningjquery.com/2016/01/how-to-validate-forms-using-jquery) - Writing your own form validation code doesn't have to be a scary or time-consuming process. jQuery's Validation Plugin makes form validation easy and straightforward.
- [10 jQuery Plugins to Play With JSON](https://learningjquery.com/2016/01/10-jquery-plugins-to-play-with-json) - Using these plugins you can convert JSON data to tables, HTML, serialize objects, format JSON to make it more readable, generate treeview or even image sliders.
- [Build a Smooth Slide-Out Navigation Menu with jQuery](https://learningjquery.com/2015/12/build-a-smooth-slide-out-navigation-menu-with-jquery) - An animated vertical navigation menu is a refreshing alternative to a standard horizontal nav, and can be created fairly easily with CSS and some simple jQuery.
- [The 10 best jQuery video plugins](https://learningjquery.com/2015/11/the-10-best-jquery-video-plugins) - These plugins will make adding video to a site or blog easy.
- [Create a Responsive Navigation Menu Using jQuery](https://learningjquery.com/2015/11/create-a-responsive-navigation-menu-using-jquery) - Creating a mobile-friendly navigation without the use of a plugin might seem like a daunting task, but one can actually be created easily
- [10 jQuery plugins with full screen support](https://learningjquery.com/2015/10/10-jquery-plugins-with-full-screen-support) - These plugins create full-screen designs.
- [Use jQuery to Create a Simple Slider](https://learningjquery.com/2015/10/use-jquery-to-create-a-simple-slider) - Create a simple content or image slider using only a few lines of jQuery, no plugins necessary.
- [6 Free JavaScript Books for Advanced Learners](https://learningjquery.com/2015/10/6-free-javascript-books-for-advanced-learners) - These books will help advanced programmers learn the nuances of JavaScript.
- [12 Best Free jQuery Table Plugins](https://learningjquery.com/2015/09/12-best-free-jquery-table-plugins) - These plugins help designers create usable and stylish tables
- [9 Great jQuery Progress Bar Plugins](https://learningjquery.com/2015/09/9-great-jquery-progress-bar-plugins) - These plugins will help users to create attractive and effective progress bars
- [10 Very useful jQuery cookie plugins](https://learningjquery.com/2015/08/10-very-useful-jquery-cookie-plugins) - These plugins help developers to effective manage cookies
- [ jQuery plugins that create blur effects](https://learningjquery.com/2015/08/jquery-plugins-that-create-blur-effects) - These plugins help developers to highlight important information and create a cool look for a website
- [jQuery Plugins for Creating Blur Effects](https://learningjquery.com/2015/08/jquery-plugins-for-creating-blur-effects) - These plugins will help designers create blur effects easily.
- [5 Easy jQuery Scrolling Plugins for One Page Websites](https://learningjquery.com/2015/07/5-easy-jquery-scrolling-plugins-for-one-page-websites) - Long Scroll one-page style websites are growing in popularity,and these jQuery plugins will help add some punch.
- [8 Awesome jQuery Image Rotation Plugins](https://learningjquery.com/2015/06/8-awesome-jquery-image-rotation-plugins) - These plugins allow consumers to view the entire product.
- [10 Very Useful jQuery Captcha Plugins](https://learningjquery.com/2015/05/10-very-useful-jquery-captcha-plugins) - We’ve all come across Captcha programs or systems allow web developers to differentiate between the bots, malicious software and humans. Web developers often require the use of jQuery Captcha plugins while creating websites which require form submission. The following are some intriguing examples of Captcha plugins. 1. visualCaptcha visualCaptcha is one of the most powerful
- [11 Free jQuery Rating Plugins](https://learningjquery.com/2015/05/11-free-jquery-rating-plugins) - Developers who are working on a e-commerce platform or an app, know the importance of a rating system. These plugins will help designers to create a cool and customized rater for their page. 1. jRating Available as a download package on GitHub, jRating comes with its own request handling PHP files. This is one chic
- [7 Awesome JavaScript Libraries for Drawing](https://learningjquery.com/2015/05/7-awesome-javascript-libraries-for-drawing) - The uses of JavaScript are definitely countless when adding extended features in Web Browsers. JavaScript library is a library of pre-written JavaScript which allows for easier development of JavaScript based-applications. It can be combined with CSS to create dynamic web pages as well. It's a good alternative to Flash based websites. There are libraries for
- [Sponsored Title](https://learningjquery.com/2015/01/postrelease)
- [14 Useful jQuery Plugins for Creating Sticky Elements](https://learningjquery.com/2015/05/14-useful-jquery-plugins-for-creating-sticky-elements) - Sticky elements are a fun way of improving the navigation and display ads on a web page. The sticky elements and headers make it easy to reach the menu without having to scroll to it every time. These sticky elements can be created on a web page with the help of CSS but the process
- [Latest Free jQuery Plugins ](https://learningjquery.com/2015/05/latest-free-jquery-plugins) - Web developers have become more resourceful and work faster with jQuery which are simple to use instruments. These jQuery are simple to use and are a no fuss instruments. Since they are written in open source code, they are free and come with tutorials. jQuery are simple Java script libraries written to simply tasks by
- [8 Useful JavaScript Libraries to Build Interactive Charts](https://learningjquery.com/2015/04/8-useful-javascript-libraries-to-build-interactive-charts) - Presentations often involve a lot of data which needs to be conveyed to clients. But making others understand raw data might be a tad bit difficult as not everyone has the same understanding of data. One of the easiest ways to deal with this problem is to make them understand data with the help of
- [8 Awesome jQuery Zoom Plugins](https://learningjquery.com/2015/04/8-awesome-jquery-zoom-plugins) - When it comes to creating a portfolio or a business website that sells products, one of the important features required is zooming. Zooming to enlarge the product or image that has been shared on a site for better viewing by the customers. JQuery plugins provides the perfect application for zooming on websites. However, there are
- [clueTip Plugin Beta](https://learningjquery.com/2007/07/cluetip-plugin-beta) - If you're a member of the jQuery discussion list, then you probably already know that I've been working on an ajax tooltip plugin, inspired by Cody Lindley's jTip plugin. Well, I'm finally ready to officially introduce it (even though Smashing Magazine somehow found out about it and included it in their list of 40+ Tooltips
- [learningjQuery.end()](https://learningjquery.com/2013/08/learningjquery-end) - This post has been a long time in coming, and I'm sure it comes as no surprise to anyone who has been to the site in the past year and a half. But it's time to make it official: the Learning jQuery blog has come to an end. I started this blog seven years ago
- [Using Low Pro for jQuery](https://learningjquery.com/2008/05/using-low-pro-for-jquery) - Recently I have been getting a real buzz out of developing with jQuery. I've been using the library since 2006, releasing sporadic bits of code. In April of this year, I released the third revision of my most complex plugin, jMaps, and updated several other plugins, which are available in my mercurial repository. This was
- [Introduction to jQuery UI](https://learningjquery.com/2008/07/introduction-to-jquery-ui) - After many months of stellar work, the jQuery UI team has released version 1.5 of their flagship suite of user-interface widgets, components, and effects. This release was focused on bringing you a standardized development API across all of the components, allowing for a more seamless experience when working with the jQuery UI library. A very
- [jQuery Documentation Alternatives](https://learningjquery.com/2008/07/jquery-documentation-alternatives) - As many of you have discovered by now, jquery.com and its subdomains have been offline intermittently over the past several weeks. On behalf of the jQuery Project Team, I apologize for any inconvenience this has caused. John Resig is aware of the problem and is working with the hosting company to get things resolved as
- [Quick Tip: Dynamically add an icon for external links](https://learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links) - A common feature I've seen on “web 2.0” sites and wikis is the "external link" icon: . While I'm not crazy about the idea of sticking these little images all over the HTML, they're a great candidate for using progressive enhancement. In our case, we can use jQuery to add the images pretty easily. Test
- [10 Lessons Learned from Future of Web Design](https://learningjquery.com/2008/11/10-lessons-learned-from-future-of-web-design) - This post, my 55th on Learning jQuery, is a departure from the usual jQuery tutorials and announcements. It's about my experience speaking at the Future of Web Design (FOWD) conference in New York City this week. I'm writing it mostly for myself, to set down in writing my thoughts about what went right and what
- [Tab Navigation with Smooth Horizontal Sliding Using jQuery](https://learningjquery.com/2009/09/tab-navigation-with-smooth-horizontal-sliding-using-jquery) - In this tutorial I'll show you how to create a navigation menu that slides horizontally. It begins with a set of "tabs" on the right side of a containing element. When clicked, a tab slides to the left to reveal a group of links. Click the tab again, and it slides back. While I've never
- [Using jQuery's Data APIs](https://learningjquery.com/2011/09/using-jquerys-data-apis) - In the beginning (well, beginning with jQuery 1.2.3 in early 2008) there was the jQuery.data() API. It offers a way to associate JavaScript data — strings, numbers, or any object — with a DOM element. As long as you manipulate the DOM element with jQuery, the library ensures that when the DOM element goes away,
- [Top 15 jQuery Plugins for Website Designers](https://learningjquery.com/2015/03/15-latest-jquery-plugins-for-web-designers) - Create a number of font styles, borders, background images, and more with any of these jQuery plugins.
- [15 Top jQuery Chart Plugins for Developers](https://learningjquery.com/2015/03/15-top-jquery-chart-plugins-for-developers) - Create attractive graphics and charts with these top jQuery chart plugins.
- [14 Top Calendar and Date Picker jQuery Plugins ](https://learningjquery.com/2015/03/14-top-calendar-and-date-picker-jquery-plugins) - Create interactive calendars and date pickers with these top 14 jQuery plugins.
- [jQuery.map() in 1.6](https://learningjquery.com/2011/05/jquery-map-in-16) - Among all of the great fixes and additions to jQuery 1.6, I'm happy to say that jQuery.map() now supports objects! The previous map only supported arrays. With other libraries already offering object support for map, it was a nice addition. Let's say you want to collect an array of object keys from a JSON object.
- [Tutorials Elsewhere](https://learningjquery.com/2007/11/tutorials-elsewhere) - Quite a few jQuery tutorials have been posted around the web recently. It's always great to see more people not only learning jQuery, but also teaching it to others. Here are just a few that I think could be helpful to readers of Learning jQuery: jQuery Crash Course. Nathan Smith shows he scripted an airplane
- [Managing the creative process behind a jQuery plugin](https://learningjquery.com/2007/12/managing-the-creative-process-behind-a-jquery-plugin) - An excellent post by Mike Alsup described a plugin development pattern that has served him quite well over time. I have used BlockUI (an Alsup creation) on several projects, and it is readily apparent that Mike knows his stuff. The one thing I have always enjoyed and appreciated most about this particular plugin, however, is
- [Questions and Answers from the List](https://learningjquery.com/2007/12/questions-and-answers-from-the-list) - I've been feeling guilty lately about my lack of posts to this blog. But when I looked at my profile for the jQuery Google Group and discovered that for the past six months I've posted an average of 100+ times each month, well, I decided to give myself a break. Since I'm sure some people
- [Revealing Details with jQuery](https://learningjquery.com/2008/01/revealing-details-with-jquery) - A week or so ago, someone posted a comment on one of my previous articles, asking if I could help her split up the textual content of an element, showing the first part and replacing the second with a link that, when clicked, would reveal the text. This behavior would appear in an FAQ using
- [clueTip Plugin Beta 2](https://learningjquery.com/2007/07/cluetip-plugin-beta-2) - Beta 2 of the clueTip Plugin for jQuery is out the door and on the server. I've made a number of fairly significant changes (for the better, I hope), both to the script and to the CSS. One notable addition is the ability to apply a "jTip" style to the clueTips by changing the CSS,
- [5 Reasons to Use jQuery ](https://learningjquery.com/2015/02/5-reasons-to-use-jquery) - JavaScript and jQuery usage are always up for discussion. Let’s start with basics of of the two and why jQuery might be a better option. JavaScript is a raw programming language which has been used for a long time by professional IT programmers. It allows the client-side to interact with the user, alter the document
- [6 Latest Free jQuery Ebooks](https://learningjquery.com/2015/02/6-latest-free-jquery-ebooks) - Ever since jQuery libraries have been launched, front-end web development has changed. Websites are now more user-friendly, and with more features than every before. jQuery along with CSS has brought a revolution in website development, and it should continue for years to come. Â There are header effects, grid variations, displaying animations, fade-in effects and various
- [10 Responsive jQuery UI Snippets](https://learningjquery.com/2015/02/10-responsive-jquery-ui-snippets) - Download these ten responsive jQuery snippets to design any website with ease.
- [jquery.com temporarily down](https://learningjquery.com/2007/05/jquerycom-temporarily-down) - As most of you have probably noticed, the jquery.com web site is down. John Resig has posted an explanation of what is going on, but you might not be able to see it depending on your DNS settings. Here is a copy of his words, taken from his post to the discussion list: Sat. May
- [Half-Star Rating Plugin](https://learningjquery.com/2007/05/half-star-rating-plugin) - There was a request recently on the jQuery discussion list for an enhancement to Ritesh Agrawal's Simple Star Rating System to allow for 1/2 star ratings. So I took it upon myself to add the feature. Update I'm not supporting my version of this plugin at this time. I meant it more as a proof
- [Improved Animated Scrolling Script for Same-Page Links](https://learningjquery.com/2007/10/improved-animated-scrolling-script-for-same-page-links) - After posting the last entry on animated scrolling with jQuery 1.2, I realized that I had left out an important piece of code. Actually, I didn't discover it until someone notified me that another page on the site was broken. Can you spot the problem(s)? [Note: the problem is not in line 3. The syntax
- [Simple Effects Plugins](https://learningjquery.com/2008/02/simple-effects-plugins) - jQuery has a nice selection of core animation effects, such as .show('speed') and .hide('speed'), .slideUp() and .slideDown(), and .fadeIn() and .fadeOut(). It even has a couple methods for toggling effects — the aptly named .toggle('speed') and .slideToggle(). All of these methods have optional speed, easing, and callback arguments — although a couple are special cases.
- [Great Ways to Learn jQuery](https://learningjquery.com/2010/07/great-ways-to-learn-jquery) - These jQuery resources will set you on the path towards mastering jQuery. Written Articles Getting Started with jQuery - this is the official jQuery getting started guide. jQuery for JavaScript Programmers - Simon Willison (creator of django) gives you an introduction to jQuery for people who already understand JavaScript. jQuery Crash Course - Nathan Smith
- [Introducing jQuery API Search](https://learningjquery.com/2010/09/introducing-jquery-api-search) - Half-baked tutorials and plugins have been stacking up for months in my virtual kitchen, waiting for me to fire up the oven, finish the cooking, and spread them out on the table. For some reason, though, I've become less and less sure about whether I've put all the right ingredients into the mix. It's irritating,
- [Selecting Elements by Properties and DOM Expandos](https://learningjquery.com/2007/03/selecting-elements-by-properties-and-dom-expandos) - Sometimes it is very convenient to store information on an element by using custom properties (DOM Expandos). For example, I use DOM Expandos in my Mouse Wheel plugin to store an array of handler methods (_mwHandlers) along with a method (_mwHandler) to call all those handlers when the mouse wheel is used. Storing these methods
- [Learning jQuery, the Book](https://learningjquery.com/2007/03/learning-jquery-the-book) - For those of you who have been following the jQuery blog the past couple months, you may have noticed John Resig's mention of a secret: "There's a jQuery book in the works!" Well, I am thrilled to be able to leak a little more information about that secret. For the past few months my friend
- [jQuery 1.1 Released!](https://learningjquery.com/2007/01/jquery-11-released) - It's jQuery's first birthday, and John Resig and the development team are celebrating in style with a brand new release of jQuery! Version 1.1 has just about every performance and feature improvement that I mentioned in my previous Year of jQuery entry — the huge speed improvements, the streamlined API, and even the much-improved documentation
- [Have Your jQuery Fun on Any Site with Greasemonkey](https://learningjquery.com/2007/02/have-your-jquery-fun-on-any-site-with-greasemonkey) - Hot on the heels of my jQuerify Bookmarklet entry [note: update bookmarklet here] and John Resig's Hacking Digg with Firebug and jQuery entry, Joan Piedra has put together a Greasemonkey user script (Firefox only) that lets jQuery load automatically on any site that you've set for it in the Greasemonkey preferences dialog. Not only that,
- [Accessible Showing and Hiding](https://learningjquery.com/2010/04/accessible-showing-and-hiding) - Editor's Note: When I started this blog nearly three years ago, one of the first things I did was write a series on showing and hiding elements on a page. The posts were very basic, as was my knowledge at the time. At best, they demonstrated an incomplete answer to the question of how to
- [Quick Tip - Optimizing DOM Traversal](https://learningjquery.com/2006/12/quick-tip-optimizing-dom-traversal) - The topic of optimization has come up a number of times in the jQuery mailing list. jQuery's DOM traversal is powerful and easy, but it can sometimes be slow as well. As with any JavaScript library or framework, the helper methods will be slower than the plain old JavaScript (p.o.j) methods. Nevertheless, if we keep
- [Automatic Page Contents](https://learningjquery.com/2007/06/automatic-page-contents) - It's been so long since I last posted a tutorial here that I'm afraid everyone might have forgotten about the place. For the past few months, there has been a little "Page Contents" menu at the top-right corner of some of the pages on this site — actually, any page that has more than one
- [3 Quick Steps for a Painless Upgrade to jQuery 1.3](https://learningjquery.com/2009/03/3-quick-steps-for-a-painless-upgrade-to-jquery-13) - Since the release of jQuery 1.3 a month and a half ago, I've been keeping my eye on any troubles that people have had with their upgrades. Fortunately, most people have had no problems at all. For those who have, the issues have almost always been in one of three areas. Identifying these areas and
- [Fancy Drop Cap - Part 1](https://learningjquery.com/2006/09/fancy-drop-cap-part-1) - Introduction Last spring when I implemented a new design for my weblog, I wanted to use a fancy drop cap for the first letter of the first paragraph of the first post of each page. There are all sorts of ways to make a drop cap happen, but since I was reading Jeremy Keith's excellent
- [Fancy Drop Cap - Part 2](https://learningjquery.com/2006/10/fancy-drop-cap-part-2) - In Fancy Drop Cap - Part 1, I showed how I used jQuery to insert a drop cap on my personal weblog. But there is still some unfinished business to take care of: Accounting for cases in which the first paragraph (where I want my drop cap to go) starts with another tag of some
- [Multiple Fancy Drop Caps](https://learningjquery.com/2006/12/multiple-fancy-drop-caps) - After I wrote a couple entries (Fancy Drop Cap, Part 1 and Part 2) on creating a drop cap for the first paragraph in a DIV, a couple people asked how one would go about making the drop cap apply to every paragraph in a DIV. Update I've written a Fancy Letter Plugin that does
- [15 Latest jQuery Media Plugins](https://learningjquery.com/2015/04/15-latest-jquery-media-plugins) - Website technology has experienced a boom over the last five years with major enhancements including tools like jQuery which make web design easier with Plugins. Here are 15 jQuery plugins worth noting: 1. Bootstrap Video Player jQuery Plugin This is a HTML5 video player which allows customization. It includes auto play options along with play
- [Create a Simple Popup Window HTML5 Dialog Tag](https://learningjquery.com/2015/03/create-a-simple-popup-window-html5-dialog-tag) - Learn how to create easy popup window HTML dialog tags with this quick tutorial.
- [jQuery UK 2015 is Almost Here](https://learningjquery.com/2015/02/jquery-uk-2015-is-almost-here) - jQuery UK is back in March (March 6th to be exact) this year with a great line up of speakers. Â Just in case you were interested in attending, we thought we would give you a quick breakdown of some of the speakers and what you can expect. Â If you don't feel like ponying up
- [Top 10 Best jQuery Image Slider Plugins](https://learningjquery.com/2015/02/best-jquery-image-slider-plugins) - jQuery plugins are becoming more and more useful with their superb features. Most of the plugins are available for free and tutorials are available to learn more about them. Websites are presentations of images to tell a story and to add to this it is very important to display images slideshow or gallery in CSS3.
- [Latest jQuery Plugins to Use in WordPress](https://learningjquery.com/2015/02/latest-jquery-plugins-to-use-in-wordpress) - jQuery are meant for reducing the time of web designing and giving more output. They are simple, concise and fast Java scripts to handle all work on website development. You can add various features and attributes on the page using various small jQuery. There is a whole huge group of developers which keep coming up
- [15 Latest jQuery Plugins of February 2015](https://learningjquery.com/2015/02/latest-jquery-plugins-february-2015) - jQuery is a Javascript library which are small and run fast to beautify and enhance the websites. They are available free and designed to simplify HTML coding. It helps creating plugins, navigate documents, and create animations with advance effects and various other tasks. The benefit of jQuery is its ability from usage on cross platforms.
- [learningjQuery.reboot()](https://learningjquery.com/2015/01/learningjquery-reboot) - Karl Swedberg, who is the founder of LearningjQuery has reluctantly sold the website and so now the site will be getting fresh new content and will likely be updated several times per week. Stay tuned for the continuation of useful jQuery tutorials and lessons on an on-going basis. Â We hope to expand the content to
- [Famo.us Joining jQuery Foundation](https://learningjquery.com/2015/02/famo-us-joining-jquery-foundation) - Looks like 2015 is going to be a big year for jQuery. Famo.us is an open-source  Javascript/Physics framework and they recently announced  their involvement in jQuery. This move by Famo.us is an exciting step for jQuery.  It means that via jQuery, web developers will get high performance 3D animations and physics effects.  The first step
- [Better, Stronger, Safer jQuerify Bookmarklet](https://learningjquery.com/2009/04/better-stronger-safer-jquerify-bookmarklet) - A long time ago I built myself a little bookmarklet to load jQuery on pages that don't already have it. The idea was to allow me to play around with any page on the web, using jQuery in the Firebug (and now Safari or IE8) console. I blogged about it, got lots of great feedback,
- [jQuerify Bookmarklet](https://learningjquery.com/2006/12/jquerify-bookmarklet) - Someone recently asked if it was possible to somehow include jQuery in Firebug for testing jQuery code on web pages that don't already have it included. It's not only possible to include the jQuery source right from the Firebug console, but you can also add a bookmarklet to your Bookmarks toolbar for one-click jQuery action!
- [Simple Tooltip for Huge Number of Elements](https://learningjquery.com/2009/12/simple-tooltip-for-huge-number-of-elements) - There are many, many jQuery tooltip plugins out there, and some of them are very good. But when someone on the jQuery Google Group asked (a year ago) which plugin could handle displaying tooltips for 2,000 links on a page, I wasn't able to find one. So, I decided to throw together a quick little
- [Using jQuery's .pushStack() for reusable DOM traversing methods](https://learningjquery.com/2011/12/using-jquerys-pushstack-for-reusable-dom-traversing-methods) - The .pushStack() method has been in jQuery since before version 1.0, but it hasn't received a whole lot of attention outside of core developers and plugin authors. While its usefulness may not be immediately apparent, it can come in really handy in some situations, so I'd like to take a quick look at what it
- [Scroll Up Headline Reader](https://learningjquery.com/2006/10/scroll-up-headline-reader) - A couple weeks ago someone on the jQuery discussion list asked if someone could reproduce a rotating headline box in which the headlines, in succession, scroll up into the box, pause, and then scroll up out of the box. Since I already had some code for rotating images on a page, I decided to recycle
- [How to Get Anything You Want - part 1](https://learningjquery.com/2006/11/how-to-get-anything-you-want-part-1) - With jQuery, you can get to just about anything on a web page. In this entry, I'll show you a few ways you can use jQuery's versatile selector expressions to traverse to an element — or group of elements — in the DOM. I've put together a short paragraph and an ordered list scattered with
- [Quick Tip - Blurring Links](https://learningjquery.com/2006/10/quick-tip-blur-links) - Warning Using JavaScript to blur clicked links is NOT recommended because it interferes with basic accessibility, especially for those using keyboard navigation or other assistive technologies With all the fun new things you can do using jQuery and other JavaScript libraries, people are using links ("a" tags) for much more than sending users to a
- [Updated Plugin - jTip](https://learningjquery.com/2006/10/updated-plugin-jtip) - Update This plugin is no longer being supported. If you're interested in trying a tooltip plugin with lots of features, please check out my clueTip jQuery Plugin. Thanks. In the jQuery universe, Cody Lindley is probably most known and loved for his Thickbox, a lightbox technique that "can show html pages as well as images
- [Multiple $(document).ready()](https://learningjquery.com/2006/09/multiple-document-ready) - One more great thing about $(document).ready() that I didn't mention in my previous post is that you can use it more than once. In fact, if you don't care at all about keeping your code small, you could litter your javascript file with them. It's great to be able to group your functions within a
- [A Getting Started Guide](https://learningjquery.com/2006/09/getting-started-guide) - Jörn Zaefferer has put together a nice "Getting Started Guide" that can help people, um, get started wtih jQuery. It'll help anyone who is new to jQuery, and even those who are fairly new to JavaScript and programming in general — just the kind of help I like. Here is what the guide includes: Setup
- [Quick Tip: Prevent Animation Queue Buildup](https://learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup) - You've probably stumbled upon a navigation powered by some jQuery effects during your web adventures. Of course you then ran your mouse back and forth over the navigation really fast to watch the animation repeat itself over and over and over again. The natural queuing of animations/effects by jQuery makes the typical animation super easy
- [Slicker Show and Hide](https://learningjquery.com/2006/09/slicker-show-and-hide) - Last time I showed you how to make something appear and disappear on a web page. This time I'll show you how to do it with style. Like we did last time, we'll start with our $(document).ready() and put everything else inside of it. Adjust the Speed This time, however, we're going to adjust the
- [Animated Scrolling with jQuery 1.2](https://learningjquery.com/2007/09/animated-scrolling-with-jquery-12) - A few weeks ago I wrote about how to use jQuery and a couple modules from the Interface plugin suite to automatically have same-page links scroll to their target location when clicked (Animated Scrolling for Same-Page Links). Well, now that jQuery 1.2 is out, and I've successfully upgraded this site to it without a hitch,
- [Autocomplete Migration Guide](https://learningjquery.com/2010/06/autocomplete-migration-guide) - The jQuery Autocomplete plugin got a successor recently, the jQuery UI Autocomplete. In this guide we'll look at the old plugin API step-by-step, and how to migrate to the new API. At first it may look like the new plugin supports barely any of the old options. We'll see how all the old options can
- [A jQuery UI Combobox: Under the hood](https://learningjquery.com/2010/06/a-jquery-ui-combobox-under-the-hood) - Update on 2010-08-17: This article was updated to reflect the changes to the combobox code in jQuery UI 1.8.4 The jQuery UI 1.8 release brings along the new autocomplete widget. An autocomplete adds a list of suggestions to an input field, displayed and filtered while the user is typing. This could be attached to a
- [Quick Tip - Set Hover Class for Anything](https://learningjquery.com/2007/02/quick-tip-set-hover-class-for-anything) - Sometimes it's nice to be able to give users visual feedback when they hover their mouse over an element on the page. It's easy to do, of course, with a little CSS: #hover-demo1 p:hover { background: #ff0; } That little style rule changes the background of any paragraph that is a descendant of an element
- [Now you see me...  show/hide performance](https://learningjquery.com/2010/05/now-you-see-me-showhide-performance) - I just got back from the jQuery conference in San Francisco. Wow, what an event. In addition to some incredible talks, I had the opportunity to speak with Rey Bango, Johnathon Sharp, and, of course, John Resig. Any conference where you get to talk to some of the most influential people in jQuery is a
- [Flip your Tip: Keeping the Event-delegation Tooltip in View](https://learningjquery.com/2010/04/flip-your-tip-keeping-the-event-delegation-tooltip-in-view) - Before we begin, please accept my apologies for not posting this tutorial sooner. I know at least two or three people were beginning to wonder if I'd ever finish what I started with this tooltip series. Please also forgive me if the phrase "flip your tip" has a double meaning in some ultra-hip corner of
- [Spring 2010 jQuery Conference: San Francisco Bay Area](https://learningjquery.com/2010/03/spring-2010-jquery-conference-san-francisco-bay-area) - Since the fall of 2007, jQuery developers around the world have been making an annual pilgrimage to Boston, Massachusetts, to meet jQuery team members, JavaScript luminaries, and other jQuery developers at the official jQuery Conference. This spring, in response to growing demand, the jQuery Project is offering its first-ever official jQuery conference on the U.S
- [Documentation now linked](https://learningjquery.com/2006/09/documentation-now-linked) - A new feature has been implemented; all jQuery code snippets we post will now be linked to the appropriate part of the documentation. So, for example, when we post: [js] $('div.foo').find('a').hide().end(); [/js] You can click on the function names "find," "hide" and "end" for more information on the functions. These definitions are culled from the
- [Using Delegate and Undelegate in jQuery 1.4.2](https://learningjquery.com/2010/03/using-delegate-and-undelegate-in-jquery-1-4-2) - As some of you have heard, there have been two new methods added in jQuery 1.4.2, .delegate() and .undelegate(). These methods achieve the same thing as the .live() and .die() methods, they just use a different syntax. For those new to .live(), it's a method in jQuery that allows you to attach events to elements
- [Really Simple Live Comment Preview](https://learningjquery.com/2006/11/really-simple-live-comment-preview) - Introduction and Caveat I'm sure that some of you were expecting this entry to discuss traversing the DOM using jQuery methods. After all, I said I would do just that in my last entry. But a couple nights ago, I had the impulse to try a "live comment preview," so I'm going with it. My
- [Effect Delay Trick](https://learningjquery.com/2007/01/effect-delay-trick) - Here is a quick trick for getting an effect to delay without using setTimeout. Let's say, for example, that I want to show an alert message on the page every time a user clicks on a certain button. But I don't want it to stay there forever; I want it to go away a few
- [Using setTimeout to Delay Showing Event-Delegation Tooltips](https://learningjquery.com/2009/12/using-settimeout-to-delay-showing-event-delegation-tooltips) - In my last two tutorials, I explained how to use event delegation for showing and hiding tooltips. In a comment on the first one, Jan Aagaard asked how we might go about enhancing the script by adding a small delay before showing a tooltip. The answer lies with two JavaScript functions, setTimeout() and clearTimeout(). Setting
- [Binding Multiple Events to Reduce Redundancy with Event-Delegation Tooltips](https://learningjquery.com/2009/12/binding-multiple-events-to-reduce-redundancy-with-event-delegation-tooltips) - Last time I showed how to use event delegation to create a simple tooltip for a huge number of elements without running into the problem of binding an event handler to all of those elements. In this tutorial, I'm going to refine that tooltip script a bit, avoiding some code repetition and fixing a bug
- [Working with Events, Part 3: More Event Delegation with jQuery](https://learningjquery.com/2009/09/working-with-events-part-3-more-event-delegation-with-jquery) - Event delegation, as described in the first article of this series, is a way to take advantage of event bubbling to avoid binding an event listener more than once. jQuery 1.3 and the upcoming jQuery 1.4 have many features that make using event delegation in your web pages easier. The aim of this tutorial is
- [Copy Events from One Element to Another](https://learningjquery.com/2007/01/copy-events-from-one-element-to-another) - Need to clone an element and its events? Sure, you could rebind the events after doing the clone, but that wouldn't be very DRY now, would it? Introducing Copy Events, a new plugin for jQuery. Clone an Element and its Events The Copy Event plugin makes it easy to clone an element and its events.
- [Namespace Your Events](https://learningjquery.com/2007/09/namespace-your-events) - A common pattern in jQuery plugin development is the need to undo what the plugin has done. This is usually handled through a method prefixed with "un". Another common pattern is the use of anonymous functions for event handlers. Unbinding events is easy with jQuery but unbinding a single event handler requires the use of
- [Sacrificial Lambda](https://learningjquery.com/2006/09/sacrificial-lambda) - Dynamically binding event handlers to content that has been ajaxed in with $.load without repeating yourself can be tricky. Lambda functions help you to not repeat yourself as much. jQuery uses lamdba functions everywhere, so if you're familiar with jQuery, you should be familiar with the syntax of lambda functions. In this example, the ajaxed-in
- [Updated jQuery Bookmarklet](https://learningjquery.com/2008/06/updated-jquery-bookmarklet) - For the most recent version of the bookmarklet, see the Better, Stronger, Safer jQuerify Bookmarklet entry. About 1 1/2 years ago I put together a little "jQuerify" Bookmarklet (and blogged about it here). It's a nice little tool that allows you to play around with jQuery on a page that doesn't already have jQuery loaded
- [jQuery Site Redesign - The Community Speaks](https://learningjquery.com/2008/08/jquery-site-redesign-the-community-speaks) - Re-posted from Rey Bango's blog. As many of you have seen by now, the jQuery Project's site has been redesigned. It had been a long overdue task and it was important to put a fresh new spin on the main hub, and the face, of jQuery. One of the things about the jQuery Project is
- [Quick Tip: Click Table Row to Trigger a Checkbox Click](https://learningjquery.com/2008/12/quick-tip-click-table-row-to-trigger-a-checkbox-click) - Somebody on the jQuery Google Group asked the other day about toggling a checkbox within a table row when the user clicked anywhere within the row. This can be a nice feature to have, and it's also very straightforward to implement. The Basics The one tricky part is that we don't want to trigger the
- [Quick Tip: Add Easing to Your Animations](https://learningjquery.com/2009/02/quick-tip-add-easing-to-your-animations) - Easing can really bring life to an effect. Easing controls how an animation progresses over time by manipulating its acceleration. jQuery has two built-in easing methods: linear and swing. While they get the job done, they are pretty boring when compared to what's made available through the jQuery easing plugin. The jQuery easing plugin offers
- [What is <em>this</em>?](https://learningjquery.com/2007/08/what-is-this) - One of the most confusing aspects of jQuery is how it assigns scope during callbacks. It must be confusing because the topic generates a lot of questions on the mailing list. It's too bad, really, because jQuery sets the scope in order to simplify your code, not make it more confusing. So here are some
- [Peeling Away the jQuery Wrapper and Finding an Array ](https://learningjquery.com/2008/12/peeling-away-the-jquery-wrapper) - If you haven't poked around under the hood of jQuery, you might not be aware that when you pass the jQuery function an expression or DOM element it places these elements (or, possibly a single element) into an object, and then this object is returned so that it can be chained. Without getting into the
- [Clearing Form Data](https://learningjquery.com/2007/08/clearing-form-data) - A question I often hear is, "How do I clear a form?" Initially the answer seems very straightforward - a one-liner in jQuery: $('form :input').val(""); But upon closer examination we find that this is a bad way to solve the problem. When someone says they want to "clear a form" what they really mean is
- [Working with Events, part 1](https://learningjquery.com/2008/03/working-with-events-part-1) - CSS and JavaScript are different in many ways, almost all of which are too obvious to mention. However, one difference between the two bears explanation, because it is often the cause of confusion and consternation, especially among those who are making the transition from CSS guru to jQuery novice. In fact, it was one of
- [Shorthand methods for unbind](https://learningjquery.com/2009/06/shorthand-methods-for-unbind) - Someone sent me an email the other day, asking that I add shorthand methods for .unbind(eventType) to the jQuery core file. He argued that since jQuery provides shorthands such as .click() for .bind('click'), it should also include .unclick() for .unbind('click') for consistency. But he didn't consider two things: I can't change jQuery's API. Those shorthand
- [Setting up Visual Studio Intellisense for jQuery](https://learningjquery.com/2009/07/setting-up-visual-studio-intellisense-for-jquery) - In September 2008, at the jQuery Conference, it was announced that Microsoft would be shipping its upcoming releases of Visual Studio with jQuery built in. They would not fork or change the jQuery code but ship it as is. Microsoft also announced that they would distribute IntelliSense-annotated documentation JavaScript files for Visual Studio 2008 that
- [1 Way To Avoid the Flash of Unstyled Content](https://learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content) - This tutorial describes a way to avoid a flash of unstyled content that sometimes occurs when applying styles with JavaScript on page load. The problem is most evident when there is some content that needs to be hidden initially and when the document is large or complex. We can see an example of the problem
- [Quick Tip: Outline Elements on Hover](https://learningjquery.com/2009/06/quick-tip-outline-elements-on-hover) - Someone on the jQuery Google Group yesterday asked about how to display a border around elements on hover. Here is a quick script I wrote to achieve that effect: [inline][/inline] [js]$(document).ready(function() { $('.entrytext') .mouseover(function(event) { $(event.target).addClass('outline-element'); }) .mouseout(function(event) { $(event.target).removeClass('outline-element'); }) .click(function(event) { $(event.target).toggleClass('outline-element-clicked'); }); }); [/js] The script will respond to mouseover, mouseout, and
- [43,439 reasons to use append() correctly](https://learningjquery.com/2009/03/43439-reasons-to-use-append-correctly) - The .append() method is perhaps the most misused of all jQuery methods. While an extremely useful and easy method to work with, it dramatically affects the performance of your page. When misused, the .append() method can cripple your JavaScript code's performance. When used well, it'll keep your script humming along. [inline] [/inline] Here is a
- [Basic Show and Hide](https://learningjquery.com/2006/09/basic-show-and-hide) - As promised in my last entry, I'll be showing you a simple effect that you can do using jQuery: showing or hiding something, or a group of things, on the page. The two functions that let us do this are, not surprisingly, show() and hide(). jQuery also comes with another function called toggle(), which will
- [Documentation and Support Resources for jQuery ](https://learningjquery.com/2006/11/documentation-and-support-resources-for-jquery) - One of the first things I want to know when I try out a new programming language or library or framework is where I can find documentation and support. Yet too often I have found an otherwise promising new tool to be nearly useless for someone like me who is just starting out and can't
- [How to Get Anything You Want - part 2](https://learningjquery.com/2006/12/how-to-get-anything-you-want-part-2) - A couple weeks ago I wrote about traversing the DOM with jQuery's selector expressions to get any elements in the document (see How to Get Anything You Want - part 1). This time around, I'm going to focus on jQuery methods that provide even more ways to get elements. Some of these methods have a
- [More Showing, More Hiding](https://learningjquery.com/2007/02/more-showing-more-hiding) - We've received a number of comments recently from people looking for variations on the showing and hiding theme. For the basics, you can take a look at two earlier entries, Basic Show and Hide and Slicker Show and Hide. For a full-blown plugin solution with lots of options, look no further than Jörn Zaefferer's Accordion
- [Accordion Madness](https://learningjquery.com/2007/03/accordion-madness) - A few weeks ago I wrote about two ways we can achieve the "accordion menu" effect, and I promised to describe a third option. Well, this is it, Option 3. But first, here is a list of my other show-hide-toggle entries, as well as Jörn Zaefferer's accordion menu plug-in: More Showing, More Hiding Slicker Show
- [Working with Events, part 2](https://learningjquery.com/2008/05/working-with-events-part-2) - In my last article, I described the common problem of events seemingly ceasing to work for new elements added to a document, whether by some form of ajax or by DOM modification. We examined one way to overcome the problem: Event Delegation. With event delegation, we bind the event handler to a containing element that
- [Slide Elements in Different Directions](https://learningjquery.com/2009/02/slide-elements-in-different-directions) - Although jQuery has a nice set of slide methods — .slideDown(), .slideUp(), and .slideToggle() — sometimes we may want to slide an element in a different direction. Fortunately, it's pretty easy to do. Reverse the Slide Direction [inline][/inline] With the built-in slide methods, elements are shown by sliding them down and into view. But what
- [TextMate Bundle for jQuery](https://learningjquery.com/2006/09/textmate-bundle-for-jquery) - JonBob and I have been working on a TextMate bundle for jQuery over the past few weeks. If you're not familiar with TextMate and you own a Mac, you should definitely check it out. It has saved me countless hours of repetitive keystrokes with its bundles, which contain commands, code snippets, templates, and macros that
- [Making a jQuery Plugin Truly Customizable](https://learningjquery.com/2009/03/making-a-jquery-plugin-truly-customizable) - Most if not all of the jQuery plugins out there have some level of customization. But very few of the plugin authors have mastered the very particular art involved. Achieving the "optimum level" of customization is a bit of a balancing act… go too far either way and you've got an unusable plugin! Bob and
- [Introducing $(document).ready()](https://learningjquery.com/2006/09/introducing-document-ready) - This is the first thing to learn about jQuery: If you want an event to work on your page, you should call it inside the $(document).ready() function. Everything inside it will load as soon as the DOM is loaded and before the page contents are loaded. [js]$(document).ready(function() { // put all your jQuery goodness in
- [Implementing Prototype's Array Methods in jQuery](https://learningjquery.com/2009/02/implementing-prototypes-array-methods-in-jquery) - One of the biggest concerns I've heard mentioned from users of the Prototype library about jQuery is the lack of support for various array methods. The robust features Prototype provides for arrays is of great benefit to developers that do a lot of array manipulation in their JavaScript. However, I find that after moving to
- [The Year of jQuery UI](https://learningjquery.com/2009/01/the-year-of-jquery-ui) - Two years ago I made the somewhat immodest claim that 2007 would be the "Year of jQuery." Since then, jQuery's popularity has grown in ways that none of the core contributors could have imagined. Now I'm ready to make another bold pronouncement: 2009 will be the year of jQuery UI. Here's why: jQuery UI 1.6
- [Thanks for jQuery](https://learningjquery.com/2007/10/thanks-for-jquery) - Last week I attended The Ajax Experience conference in Boston (no, I didn't go to a Red Sox game), sponsored by the folks at ajaxian.com The schedule was packed with outstanding presentations. But the highlight of my trip was jQueryCamp07, which was held at Harvard University on Saturday. Throughout the week I had quite a
- [Upgrading to jQuery 1.2](https://learningjquery.com/2007/09/upgrading-to-jquery-12) - As I'm sure most of you have already heard, the jQuery Project Team has just released a major new version (1.2) of our beloved JavaScript Library. Hat's off to John Resig and the gang for another spectacular release! I'm going to upgrade this site to the new version this weekend. On a typical site, I'd
- [Book Excerpt - Table Manipulation](https://learningjquery.com/2007/08/book-excerpt-table-manipulation) - Packt Publishing has just posted an excerpt of our new book Learning jQuery: Better Interaction Design and Web Development with Simple JavaScript Techniques on their site. The excerpt covers table sorting, pagination, row highlighting/striping, and basic tooltips. It also gives a hat tip to Roger Johansson of 456 Berea Street and Christian Bach of jQuery
- [jquery.com back up](https://learningjquery.com/2007/05/jquerycom-back-up) - The jquery.com site is up and running again. The DNS is still propagating across the net, so it might not be available quite yet from every location, but it should be fully reachable within the next day. I'll leave source files on my server for the next couple days, so feel free to grab them
- [jQuery 1.1.2 Released](https://learningjquery.com/2007/02/jquery-112-released) - The jQuery project team has just released version 1.1.2 of the JavaScript library. This is a bug-fix version, recommended for everyone. If you are still using a version prior to 1.1, you should be mindful of the API changes (see the jQuery 1.1 announcement for details). If you're already using version 1.1 or later, you're
- [The Year of jQuery](https://learningjquery.com/2007/01/the-year-of-jquery) - I hereby decree that 2007 shall be the Year of jQuery. Well, what else would you expect from a blog about jQuery? But, really, this is not just another case of wishful thinking, or even one of those lame prediction posts that have been spinning around the web lately. Admittedly, the title might suffer from
- [Visual jQuery Magazine Issue 1](https://learningjquery.com/2006/09/visual-jquery-magazine-1) - The first issue of Visual jQuery Magazine is now available from the Visual jQuery website. The website is an excellent reference for the jQuery API. In fact, it hooks right into the comments of the latest jQuery version, formatting everything into a highly readable, visually appealing page. The new monthly magazine extends the Visual jQuery
- [jQuery 1.0.2 Now Available](https://learningjquery.com/2006/10/jquery-1-0-2) - John Resig just announced on the jQuery mailing list this evening that jQuery 1.0.2 has been released. According to Resig, "This release is a huge bug fix release - and it is highly recommended that you upgrade right away." Resig also credited Jörn Zaefferer with much of the work on this latest jQuery version: I'd
- [Welcome to Learning jQuery!](https://learningjquery.com/2006/09/welcome) - Welcome to the new Learning jQuery — a multi-author weblog with the aim of sharing information about this most amazing of JavaScript libraries. As we post entries, you might begin to notice that the three authors — Karl, Dan, and JonBob — approach jQuery, JavaScript, and life in general from three different perspectives. Our programming

## Pages

- [Learning jQuery Privacy Policy](https://learningjquery.com/1899-2) - Your privacy is critically important to us. We don’t share your personal information with anyone except to comply with the law, develop our products, or protect our rights. We don’t store personal information on our servers unless required for the on-going operation of one of our services. Website Visitors Like most website operators, Learning jQuery
- [Contact](https://learningjquery.com/contact) - If you have a question or comment, please fill out the form below.
- [About](https://learningjquery.com/about) - What Is jQuery? In the words of jQuery's principal developer, John Resig, "jQuery is a simple JavaScript library that helps you to write the code that you want to write and really simplifies the interaction between JavaScript and HTML." What Is Learning jQuery? Learning jQuery is a multi-author weblog providing jQuery tutorials, demos, and announcements.
- [Scripts Used on This Site](https://learningjquery.com/scripts-used-on-this-site) - In an effort to improve the speed at which pages render on Learning jQuery, the site is using a PHP script to concatenate and minify all of the JavaScript files before they are loaded. While this improves performance, it also makes it difficult for site visitors to learn from the scripts, which sort of defeats
- [Archives](https://learningjquery.com/archives)
- [Categories](https://learningjquery.com/categories)

## Categories

- [jQuery Resources](https://learningjquery.com/category/jquery)
- [Events](https://learningjquery.com/category/types/events)
- [Beginner](https://learningjquery.com/category/levels/beginner)
- [Intermediate](https://learningjquery.com/category/levels/intermediate)
- [Advanced](https://learningjquery.com/category/levels/advanced)
- [Levels](https://learningjquery.com/category/levels)
- [Types](https://learningjquery.com/category/types)
- [DOM Traversing](https://learningjquery.com/category/types/dom-traversing)
- [DOM Modification](https://learningjquery.com/category/types/dom-modification)
- [Effects](https://learningjquery.com/category/types/effects)
- [Tools](https://learningjquery.com/category/tools)
- [Announcement](https://learningjquery.com/category/jquery/announcement)
- [Plugins](https://learningjquery.com/category/types/plugins)
- [Blogroll](https://learningjquery.com/category/blogroll)
- [jQuery UI](https://learningjquery.com/category/jquery-ui)
- [Utilities](https://learningjquery.com/category/types/utilities)
- [Ajax](https://learningjquery.com/category/types/ajax)
- [Javascript](https://learningjquery.com/category/javascript)
- [Mobile](https://learningjquery.com/category/jquery/mobile)
- [Resources](https://learningjquery.com/category/resources)
- [Tutorials](https://learningjquery.com/category/tuts)
- [JavaScript Framework](https://learningjquery.com/category/javascript-framework)
- [jQuery Image Crop Plugins](https://learningjquery.com/category/jquery-image-crop-plugins)
- [jQuery Plugins](https://learningjquery.com/category/jquery-plugins)
- [jquery cookie law plugins](https://learningjquery.com/category/jquery-cookie-law-plugins)
- [CSS](https://learningjquery.com/category/css)
- [HTML](https://learningjquery.com/category/html)
- [jQuery Video Plugins](https://learningjquery.com/category/jquery-video-plugins)
- [jQuery Tutorials](https://learningjquery.com/category/jquery-tutorials)
- [jQuery Sticky Plugin](https://learningjquery.com/category/jquery-sticky-plugin)
- [jQuery Codes](https://learningjquery.com/category/jquery-codes)
- [Whatsapp](https://learningjquery.com/category/whatsapp)
- [AngularJS Tutorials](https://learningjquery.com/category/angularjs-tutorials)
- [AngularJS](https://learningjquery.com/category/angularjs)
- [AngularJS Functions](https://learningjquery.com/category/angularjs-functions)
- [jQuery 3.0](https://learningjquery.com/category/jquery-3-0)
- [Android Apps](https://learningjquery.com/category/android-apps)
- [Free Android Apps](https://learningjquery.com/category/free-android-apps)
- [jQuery Android Apps](https://learningjquery.com/category/jquery-android-apps)
- [jQuery Latest Plugins](https://learningjquery.com/category/jquery-latest-plugins)
- [jQuery For Beginners](https://learningjquery.com/category/jquery-for-beginners)
- [jQuery Tips](https://learningjquery.com/category/jquery-tips)
- [Social](https://learningjquery.com/category/social)
- [Social sharing plugin](https://learningjquery.com/category/social-sharing-plugin)
- [jQuery Textarea plugins](https://learningjquery.com/category/jquery-textarea-plugins)
- [jQuery With Ajax](https://learningjquery.com/category/jquery-with-ajax)
- [jQuery and Ajax](https://learningjquery.com/category/jquery-and-ajax)
- [jQuery Plugin 2014](https://learningjquery.com/category/jquery-plugin-2014)
- [Animation](https://learningjquery.com/category/animation)
- [jQuery Modal Plugins](https://learningjquery.com/category/jquery-modal-plugins)
- [jQuery Popup Plugins](https://learningjquery.com/category/jquery-popup-plugins)
- [jQuery 1.7](https://learningjquery.com/category/jquery-1-7)
- [Best Practices](https://learningjquery.com/category/best-practices)
- [Coding Standards](https://learningjquery.com/category/coding-standards)
- [jQuery Mobile](https://learningjquery.com/category/jquery-mobile)
- [jQuery Mobile Plugins](https://learningjquery.com/category/jquery-mobile-plugins)
- [ASP.NET Grid View](https://learningjquery.com/category/asp-net-grid-view)
- [jQuery Lightbox Plugins](https://learningjquery.com/category/jquery-lightbox-plugins)
- [jQuery Tab Plugins](https://learningjquery.com/category/jquery-tab-plugins)
- [jQuery Cookie Plugin](https://learningjquery.com/category/jquery-cookie-plugin)
- [jQuery Plugin 2013](https://learningjquery.com/category/jquery-plugin-2013)
- [jQuery Grid Plugins](https://learningjquery.com/category/jquery-grid-plugins)
- [jQuery With ASP.NET](https://learningjquery.com/category/jquery-with-asp-net)
- [jQuery Mobile Themes](https://learningjquery.com/category/jquery-mobile-themes)
- [HTML 5](https://learningjquery.com/category/html-5)
- [Tips and Tricks](https://learningjquery.com/category/tips-and-tricks)
- [jQuery Cheat Sheets](https://learningjquery.com/category/jquery-cheat-sheets)
- [jQuery Code Examples](https://learningjquery.com/category/jquery-code-examples)
- [IP address information using jQuery](https://learningjquery.com/category/ip-address-information-using-jquery)
- [E-Commerce Plugins](https://learningjquery.com/category/e-commerce-plugins)
- [jQuery News ticker plugin](https://learningjquery.com/category/jquery-news-ticker-plugin)
- [jQuery Ajax](https://learningjquery.com/category/jquery-ajax)
- [jQuery Training](https://learningjquery.com/category/jquery-training)
- [Try jQuery](https://learningjquery.com/category/try-jquery)
- [jQuery 2.0](https://learningjquery.com/category/jquery-2-0)
- [jQuery Picasa Plugin](https://learningjquery.com/category/jquery-picasa-plugin)
- [JSON](https://learningjquery.com/category/json)
- [jQuery Browser Plugins](https://learningjquery.com/category/jquery-browser-plugins)
- [Browser](https://learningjquery.com/category/browser)
- [ASP.NET Validations](https://learningjquery.com/category/asp-net-validations)
- [jQuery webticker plugin](https://learningjquery.com/category/jquery-webticker-plugin)
- [jQuery Clock Plugin](https://learningjquery.com/category/jquery-clock-plugin)
- [jQuery Mistakes](https://learningjquery.com/category/jquery-mistakes)
- [Learn jQuery](https://learningjquery.com/category/learn-jquery)
- [How to use jQuery](https://learningjquery.com/category/how-to-use-jquery)
- [What is jQuery](https://learningjquery.com/category/what-is-jquery)
- [jQuery Calendar Plugins](https://learningjquery.com/category/jquery-calendar-plugins)
- [jQuery 1.9](https://learningjquery.com/category/jquery-1-9)
- [jQuery Instagram Plugins](https://learningjquery.com/category/jquery-instagram-plugins)
- [Hyperlink](https://learningjquery.com/category/hyperlink)
- [jQuery 2012](https://learningjquery.com/category/jquery-2012)
- [jQuery Plugin 2012](https://learningjquery.com/category/jquery-plugin-2012)
- [jQuery FullScreen Plugins](https://learningjquery.com/category/jquery-fullscreen-plugins)
- [jQuery Image Tagging Plugins](https://learningjquery.com/category/jquery-image-tagging-plugins)
- [jQuery Burn Plugin](https://learningjquery.com/category/jquery-burn-plugin)
- [jQuery Panorama Image Plugins](https://learningjquery.com/category/jquery-panorama-image-plugins)
- [jQuery Typography Plugins](https://learningjquery.com/category/jquery-typography-plugins)
- [Design Patterns](https://learningjquery.com/category/design-patterns)
- [jQuery Progress Bar Plugins](https://learningjquery.com/category/jquery-progress-bar-plugins)
- [jQuery Snow Falling Plugins](https://learningjquery.com/category/jquery-snow-falling-plugins)
- [jQuery Pagination Plugins](https://learningjquery.com/category/jquery-pagination-plugins)
- [Black And White Image](https://learningjquery.com/category/black-and-white-image)
- [jQuery UI Themes](https://learningjquery.com/category/jquery-ui-themes)
- [jQuery Color Picker Plugins](https://learningjquery.com/category/jquery-color-picker-plugins)
- [jQuery Spell Check Plugins](https://learningjquery.com/category/jquery-spell-check-plugins)
- [jQuery Wizard Plugins](https://learningjquery.com/category/jquery-wizard-plugins)
- [jQuery Preload Image Plugins](https://learningjquery.com/category/jquery-preload-image-plugins)
- [jQuery Notification Plugin](https://learningjquery.com/category/jquery-notification-plugin)
- [jQuery 3D Plugins](https://learningjquery.com/category/jquery-3d-plugins)
- [3D Plugins](https://learningjquery.com/category/3d-plugins)
- [jQuery 3D](https://learningjquery.com/category/jquery-3d)
- [jQuery Layout Plugins](https://learningjquery.com/category/jquery-layout-plugins)
- [Accordion Plugins](https://learningjquery.com/category/accordion-plugins)
- [jQuery Accordion Plugins](https://learningjquery.com/category/jquery-accordion-plugins)
- [jQuery FAQ](https://learningjquery.com/category/jquery-faq)
- [jQuery Timeline Plugins](https://learningjquery.com/category/jquery-timeline-plugins)
- [jQuery Timeline](https://learningjquery.com/category/jquery-timeline)
- [Timeline Plugins](https://learningjquery.com/category/timeline-plugins)
- [Open link](https://learningjquery.com/category/open-link)
- [jQuery File Upload Plugins](https://learningjquery.com/category/jquery-file-upload-plugins)
- [jQuery Weather Plugin](https://learningjquery.com/category/jquery-weather-plugin)
- [ToolTip Plugins](https://learningjquery.com/category/tooltip-plugins)
- [jQuery ToolTip Plugins](https://learningjquery.com/category/jquery-tooltip-plugins)
- [jQuery countdown plugins](https://learningjquery.com/category/jquery-countdown-plugins)
- [jQuery Books](https://learningjquery.com/category/jquery-books)
- [ASP.NET DropDown](https://learningjquery.com/category/asp-net-dropdown)
- [jQuery Clean Code](https://learningjquery.com/category/jquery-clean-code)
- [ASP.NET RadioButtonList](https://learningjquery.com/category/asp-net-radiobuttonlist)
- [Add Hyperlink](https://learningjquery.com/category/add-hyperlink)
- [jQuery 360 Plugin](https://learningjquery.com/category/jquery-360-plugin)
- [jQuery 360](https://learningjquery.com/category/jquery-360)
- [jQuery HTML](https://learningjquery.com/category/jquery-html)
- [JavaScript String Functions](https://learningjquery.com/category/javascript-string-functions)
- [Attributes](https://learningjquery.com/category/attributes)
- [jQuery 1.8](https://learningjquery.com/category/jquery-1-8)
- [jQuery Quiz](https://learningjquery.com/category/jquery-quiz)
- [jQuery Timeout Plugin](https://learningjquery.com/category/jquery-timeout-plugin)
- [Gantt Chart using jQuery](https://learningjquery.com/category/gantt-chart-using-jquery)
- [Background images](https://learningjquery.com/category/background-images)
- [Tips](https://learningjquery.com/category/tips)
- [ASP.NET MVC](https://learningjquery.com/category/asp-net-mvc)
- [jQuery Charts](https://learningjquery.com/category/jquery-charts)
- [jQuery Captcha Plugins](https://learningjquery.com/category/jquery-captcha-plugins)
- [jQuery Methods](https://learningjquery.com/category/jquery-methods)
- [jQuery 1.7.2](https://learningjquery.com/category/jquery-1-7-2)
- [jQuery 1.6](https://learningjquery.com/category/jquery-1-6)
- [jQuery docs](https://learningjquery.com/category/jquery-docs)
- [jQuery documentation](https://learningjquery.com/category/jquery-documentation)
- [jQuery Tools](https://learningjquery.com/category/jquery-tools)

## Tags

- [JavaScript](https://learningjquery.com/tag/javascript)
- [animation](https://learningjquery.com/tag/animation)
- [animated scrolling](https://learningjquery.com/tag/animated-scrolling)
- [CSS](https://learningjquery.com/tag/css)
- [DOM](https://learningjquery.com/tag/dom)
- [namespacing](https://learningjquery.com/tag/namespacing)
- [bookmarklets](https://learningjquery.com/tag/bookmarklets)
- [favelets](https://learningjquery.com/tag/favelets)
- [typography](https://learningjquery.com/tag/typography)
- [jquery.com](https://learningjquery.com/tag/jquerycom)
- [progressive enhancement](https://learningjquery.com/tag/progressive-enhancement)
- [tutorial](https://learningjquery.com/tag/tutorial)
- [howto](https://learningjquery.com/tag/howto)
- [redesign](https://learningjquery.com/tag/redesign)
- [fowd](https://learningjquery.com/tag/fowd)
- [fowd08](https://learningjquery.com/tag/fowd08)
- [fowd2008](https://learningjquery.com/tag/fowd2008)
- [future of web design](https://learningjquery.com/tag/future-of-web-design)
- [objects](https://learningjquery.com/tag/objects)
- [arrays](https://learningjquery.com/tag/arrays)
- [queue](https://learningjquery.com/tag/queue)
- [stop](https://learningjquery.com/tag/stop)
- [animations](https://learningjquery.com/tag/animations)
- [web design](https://learningjquery.com/tag/web-design)
- [upgrade](https://learningjquery.com/tag/upgrade)
- [selectors](https://learningjquery.com/tag/selectors)
- [xpath](https://learningjquery.com/tag/xpath)
- [append](https://learningjquery.com/tag/append)
- [loop](https://learningjquery.com/tag/loop)
- [Microsoft](https://learningjquery.com/tag/microsoft)
- [Visual Studio](https://learningjquery.com/tag/visual-studio)
- [documentation](https://learningjquery.com/tag/documentation)
- [event delegation](https://learningjquery.com/tag/event-delegation)
- [tooltips](https://learningjquery.com/tag/tooltips)
- [live](https://learningjquery.com/tag/live)
- [bind](https://learningjquery.com/tag/bind)
- [setTimeout](https://learningjquery.com/tag/settimeout)
- [conference](https://learningjquery.com/tag/conference)
- [event](https://learningjquery.com/tag/event)
- [California](https://learningjquery.com/tag/california)
- [West Coast](https://learningjquery.com/tag/west-coast)
- [San Francisco](https://learningjquery.com/tag/san-francisco)
- [Bay Area](https://learningjquery.com/tag/bay-area)
- [accessibility](https://learningjquery.com/tag/accessibility)
- [famo.us](https://learningjquery.com/tag/famo-us)
- [famous](https://learningjquery.com/tag/famous)
- [jquery 3d](https://learningjquery.com/tag/jquery-3d)
- [best jQuery ui snippets](https://learningjquery.com/tag/best-jquery-ui-snippets)
- [awesome jquery ui snippets](https://learningjquery.com/tag/awesome-jquery-ui-snippets)
- [responsive jQuery ui snippets](https://learningjquery.com/tag/responsive-jquery-ui-snippets)
- [ui snippets jquery](https://learningjquery.com/tag/ui-snippets-jquery)
- [html5](https://learningjquery.com/tag/html5)
- [popup windows](https://learningjquery.com/tag/popup-windows)
- [modal dialogs](https://learningjquery.com/tag/modal-dialogs)
- [dialog boxes](https://learningjquery.com/tag/dialog-boxes)
- [modal windows](https://learningjquery.com/tag/modal-windows)
- [JSON](https://learningjquery.com/tag/json)
- [HTML](https://learningjquery.com/tag/html)
- [tables](https://learningjquery.com/tag/tables)
- [performance](https://learningjquery.com/tag/performance)
- [optimization](https://learningjquery.com/tag/optimization)
- [selector optimization](https://learningjquery.com/tag/selector-optimization)
- [plug ins](https://learningjquery.com/tag/plug-ins)
- [website printing](https://learningjquery.com/tag/website-printing)
- [printing website](https://learningjquery.com/tag/printing-website)
- [print website](https://learningjquery.com/tag/print-website)
- [printing plugins](https://learningjquery.com/tag/printing-plugins)
- [jQuery code](https://learningjquery.com/tag/jquery-code)
- [jQuery Resources](https://learningjquery.com/tag/jquery)
- [Events](https://learningjquery.com/tag/events)
- [Effects](https://learningjquery.com/tag/effects)
- [Plugins](https://learningjquery.com/tag/plugins)
- [jQuery UI](https://learningjquery.com/tag/jquery-ui)
- [Utilities](https://learningjquery.com/tag/utilities)
- [jQuery classnames](https://learningjquery.com/tag/jquery-classnames)