Introduction
JQuery basics:
jQuery is a framework built using javascript capabilities. So all the functions and other capabilities available in javascript can be used in jQuery. This chapter would explain most basic concepts but frequently used in jQuery.String:
A string in javascript is an immutable object that contains none, one or many characters.Following are the valid examples of a Javascript String:
“This is JavaScript String”
‘This is JavaScript String’
‘This is “really” a JavaScript string’
“This is ‘really’ a JavaScript string”
Numbers:
Numbers in JavaScript are double-precision 64-bit format IEEE 754 values. They are immutable, just as strings.Following are the valid examples of a JavaScript Numbers:
5350
120.27
0.26
Boolean:
A Boolean in JavaScript can be either true or false. If a number is zero, it defaults to false. If an empty string defaults to false:Following are the valid examples of a JavaScript Boolean:
true //true
false //false
0 //false
1 //true
“ ” //false
“hello” //true
Objects:
JavaScript supports Object concept very well. You can create an object using the object literal as follows:
var emp={
name: “zara”,
age: 10
};
//getting object properties
Emp.name //zara
Emp.age //10
//setting object properties
Emp.name=”Daisy” //Daisy
Emp.age=20 //20
Arrays:
You can define arrays using the array literal as follows
var x=[];
var y=[1, 2, 3, 4, 5];
var x=[1,2,3,4,5];
for (var i=0; i< x.length; i++){
//do something with x[i]
}
Functions:
A function in javascript can be either named or anonymous. A named function can be defined using function keyword as follows:
function named() {
//do some stuff here
}
An anonymous function can be assigned to a variable or passed to a method as shown below:
var handler=function(){
//do some stuff here
}
$(document).ready(function(){
//do some stuff here
});
Arguments:
JavaScript variable argument is a kind of array which has length property. Following example explains it very well:
Function func(x){
Console. (typeof x, arguments.length);
}
func(); //”undefined”, 0
func(1); //”number”, 1
func(“1”,”2”,”3”); //”string”, 3
function func(){
return arguments.callee;
}
func(); //func
Scope:
The scope of a variable is the region of your program in which it is defined. JavaScript variable will have only two scopes.-
Global Variables:
A global variable has global scope which means it is defined every where in your javascript code. -
Local Variables:
A local variable will be visible only within a function where it is defined. Function parameters are always local to that function.
var myVar=”global”; //Declare a global variable
function()
var myVar “local”; //Declare a local variable
document.write(myVar); //local
Builtin functions:
JavaScript comes along with a useful set of built-in functions. These methods can be used to manipulate string numbers and dates.Following are important javascript functions:
| Method | Description |
|---|---|
| charAt() | Returns the character at the specified index. |
| concat() | Combines the text of two strings and returns a new string. |
| forEach() | Calls a function for each element in the array. |
| IndexOf() | Returns the index within the calling string object of the first occurrence of the specified value, or -1 if not found. |
| length() | Returns the length of the string. |
| pop() | Removes the last element from an array and returns that element. |
| push() | Adds one or more elements to the end of an array and returns the new length of the array. |
| reverse() | Reverses the order of the elements of an array, the first becomes the last, and the last becomes the first. |
| sort() | Sorts the elements of an array |
| substr() | Returns the characters in a string beginning at the specified location through the specified number of characters. |
| toLowerCase() | Returns the calling string value converted to lower case. |
| tostring() | Returns the string representation of the number's value. |
| toUpperCase() | Returns the calling string value converted to uppercase. |
Comments/Suggestions are invited. Happy coding......!
Comments Post a Comment
Sunilo 6/25/2016 (IST) / Reply
hi