My Blog

    • Sample Page
Illustration of a bird flying.
  • Selecting Elements by Attribute

    You can use the attribute selector to select an element by one of its HTML attributes, such as a link’s target attribute or an input’s type attribute, etc. For example, the following jQuery code will select and highlight all the text inputs i.e. <input> elements with the type=”text”, when the document is ready. Example Selecting Elements by Compound CSS Selector You can…

    December 19, 2022
  • jQuery Selectors

    Selecting Elements with jQuery JavaScript is most commonly used to get or modify the content or value of the HTML elements on the page, as well as to apply some effects like show, hide, animations etc. But, before you can perform any action you need to find or select the target HTML element. Selecting the…

    December 19, 2022
  • jQuery Syntax

    Standard jQuery Syntax A jQuery statement typically starts with the dollar sign ($) and ends with a semicolon (;). In jQuery, the dollar sign ($) is just an alias for jQuery. Let’s consider the following example code which demonstrates the most basic statement of the jQuery. Example The above example simply displays an alert message…

    December 19, 2022
  • Including jQuery from CDN

    Alternatively, you can include jQuery in your document through freely available CDN (Content Delivery Network) links, if you don’t want to download and host jQuery yourself. CDNs can offer a performance benefit by reducing the loading time, because they are hosting jQuery on multiple servers spread across the globe and when a user requests the…

    December 19, 2022
  • jQuery Getting Started

    Downloading jQuery To get started, first download a copy of jQuery and include it in your document. There are two versions of jQuery available for downloading — compressed and uncompressed. The uncompressed file is best suited for development or debugging; while, the minified and compressed file is recommended for production because it saves the precious bandwidth and improves…

    December 19, 2022
  • Advantages of Using jQuery

    If you’re not familiar with jQuery, you might be wondering what makes jQuery so special. There are several advantages why one should opt for jQuery: Tip: In JavaScript, you often need to write several lines of code to select an element in an HTML document, but with jQuery robust selector mechanism you can traverse the DOM…

    December 19, 2022
  • jQuery Introduction

    jQuery is a fast, lightweight, and feature-rich JavaScript library that is based on the principle “write less, do more”. It’s easy-to-use APIs makes the things like HTML document traversal and manipulation, event handling, adding animation effects to a web page much simpler that works seamlessly across all the major browsers like Chrome, Firefox, Safari, Internet Explorer,…

    December 19, 2022
  • Stacking Toasts Vertically

    You can stack multiple toasts vertically by simply wrapping them in a toast container, which will vertically add some spacing. Let’s take a look at the following example: Example — The output of the above example will look something like this: Placement of Toasts You can place toasts anywhere on your web page using custom CSS…

    November 7, 2022
  • Bootstrap Toasts

    In this tutorial you will learn how to use the Bootstrap toast component. Creating the Toasts with Bootstrap The toast component is newly introduced in Bootstrap 4. They are lightweight notifications similar to push notifications that are shown by web browsers on computer screens. They’re built with flexbox, so you can easily align and position…

    November 7, 2022
  • Creating ScrollSpy via Data Attributes

    You can easily add scrollspy behavior to your navbar via data attributes without writing a single line of JavaScript code. Let’s try out the following example to see how it works: Example You might be wondering what this code was all about. Well, let’s go through each part of this scrollspy example code one by…

    November 7, 2022
←Previous Page
1 … 15 16 17 18 19 … 113
Next Page→

My Blog

Proudly powered by WordPress