How To Learn JavaScript & jQuery


 

  • What is JavaScript?

In This Article You Learn About How To Learn JavaScript & jQuery an object-oriented computer programming language commonly used to create interactive effects within web browsers, It’s one of the useful & powerful language on the internet.

  • Why Learn JavaScript?

JavaScript is among the most useful and powerful programming languages of the web. It powers the dynamic behavior on most websites, including this Free jquery.

Also Check Head.js To Load

 COMMON CONCEPTS 

//Selecting DOM elements and adding an event listener in JS const menu = document.getElementById(‘menu’); const close Menu Button = document.getElementById(‘close-menu-button’); closeMenuButton.addEventListener(‘click’, () => { menu.style.display = ‘none’; }); //Selecting DOM elements and adding an event listener in jQuery $(‘#close-menu-button’).on(‘click’, () =>{ $(‘#menu’).hide(); });[sample_column size=”one_half”] //Selecting DOM elements and adding an event listener in JS const menu = document.getElementById(‘menu’); const close Menu Button = document.getElementById(‘close-menu-button’); closeMenuButton.addEventListener(‘click’, () => { menu.style.display = ‘none’; }); //Selecting DOM elements and adding an event listener in jQuery $(‘#close-menu-button’).on(‘click’, () =>{ $(‘#menu’).hide(); }); [/sample_column]

jQuery is a JavaScript library that streamlines the creation of dynamic behavior with instructed way for selecting and change DOM elements.

 Jquery object variable

//A variable representing a jQuery object

const $myButton = $(‘#my-button’);

jQuery objects are stored in variables where the variable name starts with a $ symbol. This naming convention makes it more simple to identify which variables are jQuery objects as opposed to other JavaScript objects or values.

JavaScript is one of the wide & vast language, There’re multiple variables and objects in JavaScript. It’s always challenging for the one who want to learn randomly. In this article we’ll try to add all the main sections which will help to learn JavaScript including data types, variables, Number String. The Data Types are.
  • Integers.
  • Booleans.
  • Characters.
  • Floating-point numbers.
  • Alphanumeric strings.

Learn jQuery Effects

// The .show() effect causes the #menu element to
// appear once the #menu-button element is clicked. $(‘#menu-button’).on(‘click’, event => { $(‘#menu’).show(); });
  • JQuery Hide Effect
//The ‘#menu’ element will disappear instantly from the page when the
‘#hide-menu-button’ is clicked.
$(‘#hide-menu-button’).on(‘click’, () => { $(‘#menu’).hide(); });

The jQuery .hide() effect method causes an element and the space it was occupying to disappear instantly from the page. When executed, the browser will render the HTML as if the hidden element does not exist.

The jQuery .show() effect method causes an element, assuming it is hidden, to instantly appear on the page.

The jQuery .toggle() effect method combines the effects of the .hide() and .show() methods.

 WHAT YOU’LL MAKE FROM JQuery’s

 Plugins, Events, Libraries That Highlights Your Work & Progress 

 

 

Leave a Reply

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