Basic JQuery

Hi, My Name is Mg Htay Min Khaung, as a PHP Web Developer at Spiceworks Myanmar Co., Ltd. In this week, I would like to introduce and share the little basic knowledge about JQuery and Its Syntax.
JQuery is one of the most useful JS Libraries and is used in a lot of Web Apps and Designs all over the world.

jQuery is a JavaScript library. It was created to make it easier and simpler to write JavaScript and HTML. JQuery works on most web browsers. It was invented by John Resig. The first release was in January 2006 at BarCamp NYC. Today there is a team of developers working on jQuery. The team is led by Dave Methvin.
Today, more than 55% of the 10,000 most-visited websites use jQuery. It is the most popular JavaScript library being used today.[3][4] It is free and open source software. It is licensed under the MIT License.

What is JQuery ?
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

JQuery Syntax
jQuery’s syntax is designed to make it easier to write complicated JavaScript. Some things that are easier to do using jQuery are:
1. navigate (move around) a web page
2. select (choose) elements on a web page using the Document Object Model
3. create animations
4. handle events like user actions
5. create Ajax applications.

Selector called by Class Name or Id or Tag
First, you need to call event only after full page load or undefined will be occurred frequently.

$(document)        –    document
$(‘body’)            –    body Tag
$(‘button’)            –    button Tag
$(‘.continue’)        –    by ClassName
$(‘#continue’)        –    by ID Name
$(‘button.continue’)        –    by ClassName + Tag Name
$(‘.container *’)        –    all children under DIV with class name contianer
$(‘input[type=“text”]’)    –    call by Tag Name and its Attribute Value

This is the basic JQuery knowledge and syntax. I hope you will enjoy this post and I will try to upload and share more and more about IT Knowledge.


Leave a Reply

Your email address will not be published. Required fields are marked *