Syntax : - $("element").fadin();
Ex :-
$( "#clickme" ).click(function() {
$( "#book" ).fadeIn( "slow", function() {
// Animation complete
});
});
Syntax :- $("#idname").animate({//apply styles});
Ex :- $("#box").animate({height: "300px"});
setInterval(function () {
//call functions here
}, 3000);
Use \”
The $.trim() function removes all newlines Ex :- var str = " lots of spaces before and after "; $( "#original" ).html( "Original String: '" + str + "'" ); $( "#trimmed" ).html( "$.trim()'ed: '" + $.trim(str) + "'" );
Method1 :- var cars = ["Saab", "Volvo", "BMW"];
Method2 :- var cars = new Array("Saab", "Volvo", "BMW");
Syntax :- arrayname.legth; Ex:- var fruits = ["Banana", "Orange", "Apple", "Mango"]; var legth = fruits.length; length contains 4
Syntax : - arrayname.sort(); Ex:- var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort(); // fruits contains : Apple,Banana,Mango,Orange
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort(); fruits.reverse(); // fruits contains : Orange,Mango,Banana,Apple
$(document).ready(function(){
$(document).on("contextmenu",function(e){
if(e.target.nodeName != "INPUT" && e.target.nodeName != "TEXTAREA")
e.preventDefault();
});
});
Use : document.forms["formname"].submit();
Use :- window.location="url_name";
Syntax : - $("element").hide();
Ex :- $(".target").hide();
$(‘element’).click(handler);
Ex:-
$( "#target" ).click(function() {
alert( "Handler for .click() called." );
});
$(‘element’).submit(handler);
Ex:-
$( "#form1" ).submit(function() {
alert( "Handler for .click() called." );
});
Syntax :-
$(‘element’).focusin(handler);
Ex :-
$( "p" ).focusin(function() {
$( this ).find( "span" ).css( "display", "inline");
});
$(‘element’).focusout(handler);
Ex :-
$( "p" ).focusout(function() {
$( this ).find( "span" ).css( "display", "inline");
});
$(‘element’).keypress(handler);
Ex :-
$( "p" ).keypress(function() {
$( this ).find( "span" ).css( "display", "inline");
});
$(‘element’).mouseover(handler);
Ex :-
$( "a" ).mouseover(function() {
$( this ).css( "color", "#333");
});
$(‘#elementid’).mouseleave(handler);
Ex :-
$( "#outer" ).mouseleave(function() {
$( "#log" ).append( "<div>Handler for .mouseleave() called.</div>" );
});
$( "element" ).change(handler);
Ex :-
$( ".target" ).change(function() {
alert( "Handler for .change() called." );
});
use $( document ).ready(handler);
$( document ).ready(function() {
console.log( "ready!" );
});
a. its light weight when compared to other javascript frameworks. b. it has a wide range of plugins available for various specific needs. c. it is easier for a designer to learn javascript as it uses familiar CSS syntax. jQuery is Javascript for Designers.
$('#id’).val();
Ex :- var bla = $('#tinput_id1’).val();
Var varname = value Ex:- var var1=5;
Use + Ex 1:- var string = “string1”+”string2”; Ex :- var str1=”string1”; Var str2 =”string2”; Var string3= str1+str2;
Method 1 : //commentd goes here Method 2 :- /* comments goes here */
Use parseInt(stringvalue); Ex:- var var1= parseInt(‘3’);
Use toString() method.
Just like in javasctipt. Var arrayname=[value1,value2,calue3]; Ex :- var array1=[3,6,8];
Def :- Set of statements to perform a particular operation.
Syntax :-
function function_name(arg1,arg2){
//body
}
Ex :-
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
No. they are permitted to that function only.
Create variables outside function.
Javascript is a programming language whereas jQuery is a framework to help make writing in javascript easier. It's particularly useful for simply traversing the DOM in an HTML
No.
.js they are javascript files.
Any where. Inside <head></head> or <body></body> or <div></div>
alert(‘alert text goes here’);
Yes.
$(‘element’).css(‘propertyname,vaule); Ex :- $(‘.container).css(‘color’,’#333’);
$( "element" ).html(); $( "div.demo-container" ).html();
$( "element" ).text(content_string1); Ex:- $( ".container" ).text(string1);
$(selector).append(content_string1);