Contact Us

What is jQuery?

jQuery Logo

jQuery is one of the most popular online JavaScript library’s there are, with millions of websites using it around the world.

If you are a web developer, or like web development, then chances are you have already seen it if not used it.

jQuery essentially is a JavaScript library that allows you to do more while typing less code and is used to make using JavaScript on your website much easier. It makes common tasks a lot simpler and quicker to implement and simplifies more complicated tasks like AJAX requests and manipulating the DOM.

The standard jQuery library consists of these features:

– HTML/DOM manipulation
– CSS manipulation
– HTML event methods
– Effects and animation
– AJAX
– Utilities

In addition to these features jQuery plugins can be downloaded and installed for most tasks that you may want to do.

Using jQuery

To start using jQuery, you need to download its files and include it on your pages using one Javascript file included in the head section of your site, using the following code.

<script src=”jquery.js”></script>

jQuery Syntax

The syntax of jQuery was created to allow the selection of HTML elements and to perform an action on them. The basic syntax for jQuery is as follows:

$(selector).action()

– The $ symbol accesses the jQuery library
– (selector) finds the correct HTML element
– action() is the action to perform

jQuery methods should be put inside the document ready event as follows:

$(document).ready(function() { });

jQuery Selectors

The selectors are where the power of jQuery really comes into effect in web development. These selectors allow you to search for elements based on their id, classes, types, attributes, attribute values and more and is based on CSS selectors with its own ones thrown in for good measure.

jQuery selectors all start with the $ and open and close brackets. For example, you can select all p elements on a page using the following code:

$(“p”);

In the same way the #id selector as used in CSS and the .class selector are used in jQuery using the following syntax:

$(“#id”);
$(“.class”);

jQuery Events

Event handling is another core function of jQuery and are called when something happens in HTML and are often put in event handler methods in the <head> section:

For example:

$(document).ready(function(){
  $(“button”).click(function(){
    $(“p”).hide();
  });
});

Below is a list of a few common event methods in jQuery

$(document).ready(function) – Binds a function once the document has finished loading.
$(selector).click(function) – Binds a function to the click event
$(selector).dblclick(function) – Binds a function the double click event
$(selector).focus(function) – Binds a function to the focus event
$(selector).mouseover(function) – Binds a function to the mouseover event

If you would like any help setting up your web environments or with developing your web pages then why not get in contact with us here at Network Intellect.

This article was posted by



Leave a Reply

What our clients say

"It’s like having your own in-house digital marketing consultancy rather than an external company. I no longer think about them as a supplier. They’re part of the team."
Marketing Manager, Education
"They have always been professional and focused on delivering results in a timely and cost effective manner. It is enlightening to have an organisation that takes the time to make recommendations on actual data analysis."
Business Manager, Charity
"They (Network Intellect) continue to exhibit their digital expertise by helping us to establish a competitive advantage by pushing the boundaries and innovating their technology and performance solutions."
Head of Marketing Communications, Education
"Because of their talent, expertise and level of service our on-line business has increased dramatically."
Founder, Electronics
"I would have no hesitation in recommending them as an analytics partner to understand and improve the performance of a website."
Vice President, Retail
Network Intellect continue to give us a fantastic service, fast and friendly and are always ready to go the extra mile. They have gone above and beyond the call of duty to deliver our results.
Director, E-Cigarette Web
"We found that Network Intellect had the depth of knowledge we needed and after speaking to them a few times we decided to go with them. It’s the best decision we’ve made in some time."
Owner, Retail
"Their services offered great value for money. I would not hesitate to recommend them as a digital partner to others."
Strategic Marketing Manager, Education
"Jason and his team at Network Intellect embody efficiency and efficacy. I would have no hesitation in recommending this excellent company to others."
Marketing Manager, Education
Network Intellect have managed our product data feeds with exceptional care and meticulous detail. I know I can trust them to make the right decisions for our business."
Director, E-Commerce
"It’s like having your own in-house digital marketing consultancy rather than an external company. I no longer think about them as a supplier. They’re part of the team."
Marketing Manager, Education
Read all testimonialsRead all testimonials

We can help you be great

We have friendly staff ready to help you get on your path to greatness...
Network Intellect Menu