What is jQuery Traversing and how its useful?

The jQuery treversing make relation from one selection and move through the selection until you reach the elements you desire.

Sometime we wanted to select a particular HTML element from parent, grandparent, great-grandparent, and so on to add content, remove or do something which make easy our work, but most of the time we use only few methods like parent(), child() and never tried to use more methods which are available in jQuery library.

Here are the complete traversing list which we can use:

The easiest way of image preloading

Image preloading is the most important way to make faster website. We looks for the better way but unable to decide which will be best and easy to implement. Images always play important role for good website and people prefer to get an overview about the topic from the used images and for that we have to use informative and good quality images which may make our site slower. So what do you think? will we skip using images? No, there are extremely easiest and useful way which will help to make your site smooth and faster.

Lets implement the image preloader using following javaScript lines in your master page, it will not take more than 5 minutes.

A ready to use easy responsive carousel.

There are several slider plugins available in online but its little difficult to find out the right one. I will introduce with a simple and friendly responsive carousel which you can modify as per your need.

Before choosing any plugin from internet its necessary to know about the uses and benefits. Here are the uses and benefits of the carousel slider which I am going to introduce with you.

An easy way to show popup from cursor point position?

Popup is one of the easy way to skip lengthy process and give users more comfort to get maximum information. Popups are generally new browsers window but to make user-friendly we recommend to use div based popup so that users can feel they are in the same page.

Today, we are introducing a div base popup which will show in the centre of the page in visible area even its in mobile devices/ responsive mode. We can make it easily by using few lines of CSS and jQuery code.

Future of one page website with FREE example

One page website aim to provide important information about the business/profile using minimum content, as people’s wants to know everything reading minimum content. Generally users make their decision within few seconds that they will stay in the same site or leave it. So one page website is one of the best option for small business. Hope you can also understand that good design also an important part of your website to force visitors to stay in the website.

When you are going to create one page website then you have the area to play on design but in multi pages website its little difficult to work in similar way for every pages. You can also make story line with proper plan in a single page flow that how your website will behave when users will access it in desktop or mobiles.

How to create image gallery within few minutes?

As we all knows that image gallery is one of the best important parts of any web application and most of the time we spent several hours on internet to find out suitable plug-in or downloadable readymade files. But do you know you can create them very easily and within few minutes. Let's start discussing how you can create and implement.

7 jQuery functions which require almost every day

Lets make your life more easy during develop any application by discussing about few functions which needs almost every day. You must know that before working any function you have to include jQuery library. If you are a beginner then please see our previous post.

How to change entire site’s image path/ URL in few seconds?

If you have the working experiences then you can understand how it’s important when a client request to move all web application’s images in a new folder or location and it can be more painful when the images are uses in more than 100 or 1000 pages.

If we are going to change the images path from 1000 pages then think how much hours involved here, but if we use jQuery code then we can change the entire site images path within few seconds.

How to active/ highlight menu based on current URL?

As I have mentioned in my previous article that jQuery will give you a quick solution by using a single line code and today we will discuss about how it works when you creating a web application. We all know navigation/ menu is the most important part of a web application which works as a guide for users that where they are currently. Most of them we know the technique is normally done by adding a CSS active class to the menu item to highlight it differently from other menu items. But the issue is when you going to active the current menu, you have to add active class manually for each and every pages, may be its easy for 3 or 4 pages but when the pages are more than 50 or 100? Yes then definitely you will look for the quick solution as a smart designers/ developers.

See, how you can smartly do the things by using few lines of jQury code.

Why jQuery and how to start?

jQuery is a JavaScript Library which is easy to learn and extremely powerful. You can use your JavaScript in simple way through this library. But before start using jQuery you should have a basic knowledge on HTML, CSS and JavaScript. You can make a quick solution through a single line of code of jquery instead of writing lots of code. So start learning jQuery and apply them on your up coming projects.