Home » JavaScript (page 20)


jQuery CSS add/remove Style Example

The aim of this example is to show how you can manipulate CSS, add or remove styling from elements in a dynamic manner, made possible by the famous JS library, jQuery. Now jQuery offers reliable ways to select elements and apply methods, which basically means that what we want to do, shall be found inside a method, and it is ...

Read More »

jQuery UI Slider Example

The aim of this example is to take into consideration the usage of jQuery UI Slider. jQuery sliders offer a simple, elegant way to add sliders for a wide variety of uses on websites, like price filtering, choosing amount of items, choosing color from RGB channels etc. While jQuery packs most of the essential functionality that you can and may ...

Read More »

AngularJS UI-Router – Example

This is the second post of a series of 3, presenting AngularJS UI-Router library: Part 1: Introduction Part 2: Components AngularJS UI-Router – Example Example After having seen an introduction to the library and the main components which compose the AngularJS UI-Router, in this post we will develop a simple example to see how we can make use of this ...

Read More »

jQuery Serialize Example

In this example, we’ll talk about serialize(), a popular method of jQuery. The serialize() method serializes a set of input elements into a string of data. It creates a URL encoded text string by serializing form values. You can select one or more form elements (like input and/or text area), or the form element itself. The serialized values can be ...

Read More »

jQuery noConflict Example

The aim of this example is to present you with an important method of jQuery, the noConflict() method. As you already know, jQuery uses the $ sign as a shortcut for jQuery. There are many other popular JavaScript frameworks like: Angular, Backbone, Ember, Knockout, and more. What if other JavaScript frameworks also use the $ sign as a shortcut? If ...

Read More »

jQuery preventDefault Example

In this example we are going through a rather useful jQuery method called .preventDefault(). Sometimes you have a hyperlink that needs to be a hyperlink but you don’t want it to process and open the link but only call a javascript function say. Fortunately there is a function in jQuery to stop the hyperlink action. The preventDefault() method cancels the ...

Read More »

jQuery keypress Example

The aim of this example is to show you how to capture keyboard keys events, specifically when a key is pressed. In jQuery, there is a method for that, .keypress(). The keypress() method triggers the keypress event, or attaches a function to run when a keypress event occurs. In other words, it binds an event handler to the “keypress” JavaScript ...

Read More »

jQuery UI Accordion Example

The aim of this example is to go through jQuery UI Accordion. The .accordion(options) method declares that an HTML element and its contents should be treated and managed as accordion menus. The options parameter is an object that specifies the appearance and behavior of the menu involved. Accordions are more and more finding their way into websites as navigation through ...

Read More »

Want to take your WEB dev skills to the next level?

Grab our programming books for FREE!

Here are some of the eBooks you will get:

  • PHP Programming Cookbook
  • jQuery Programming Cookbook
  • Bootstrap Programming Cookbook
  • Building WEB Apps with Node.js
  • CSS Programming Cookbook
  • HTML5 Programming Cookbook
  • AngularJS Programming Cookbook