EXERCISE 1 video 5

jquery basic selectors and advance selectors

jquery-1 jquery-2 Jquery videos

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

  • this is list 1
  • this is list 2
  • this is list 3
  • this is list 4
  • this is list 5

EXERCISE 2 video 6

jquery mouse events

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

EXERCISE 3 video 7

jquery Keyboard Event

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

EXERCISE 4 video 8

jquery Form Event == focus, blur, change, select, submit

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

EXERCISE 5 video 9

jquery window Events == resize, scroll

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

EXERCISE 6 video 10

jquery Get Methods == text(), html(), attr(), val()

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

GET TEXT CONTENT

GET HTML CONTENT

GET ATTR CONTENT

GET VALUE CONTENT

EXERCISE 7 video 11

jquery Set Methods == text(), html(), attr(), val()

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

SET TEXT CONTENT

SET HTML CONTENT

SET ATTR CONTENT

EXERCISE 8 video 12

jquery CSS Class Methods == addClass(), removeClass(), toggleClass()

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

Add Class

Remove Class

Toggle Class

EXERCISE 9 video 13

jquery CSS Methods == css()

Single css

Multipule Css

EXERCISE 10 video 14

jquery on & off Methods == on(), off()

on methods single event

on methods multiple events

off methods multiple events

EXERCISE 11 video 15

jquery Append & Prepent == append(), prepend()

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

EXERCISE 12 video 16

jquery after before methods == after(), before()

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

EXERCISE 13 video 17

jquery remove empty methods == remove(), empty()

Remove box

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

Empty box

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

EXERCISE 14 video 18

jquery AppendTo, PrependTo methods == appendTo(), prependTo()

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

EXERCISE 15 video 19

jquery clone methods == clone()

clone box 1 value

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

clone box 2 value

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a

EXERCISE 16 video 20

jquery replaceWith replaceAll methods == replaceWith(), replaceAll()

replace text 1

replace text 2

replace text 3

EXERCISE 17 video 21

jquery wrap unwrap methods == wrap(), unwrap()

wrap text 1

wrap text 2

wrap text 3

EXERCISE 18 video 22

jquery wrapAll wrapInner methods == wrapAll(), wrapInner()

wrap text 1

wrap text 2

wrap text 3

EXERCISE 19 video 23

jquery Height, Width, innerWidth, innerHeight, outerWidth, outerHeight, outerWidth(true), outerHeight(true) Methods ==

width();
Height();
innerWidth();
innerHeight();
outerWidth();
outerHeight();
outerWidth(true);
outerHeight(true);

Width

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

  • width
  • Height
  • innerWidth
  • innerHeight
  • outerWidth
  • outerHeight
  • outerWidth(true)
  • outerHeight(true)

EXERCISE 20 video 24

jquery position, offset methods == position(), offset()

position

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

  • position value
  • offset value
  • set position
  • set offset

EXERCISE 21 video 25

jquery scrolltop, scrollleft methods == scrollTop(), scrollLeft()

scroll

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.

  • scroll top
  • scroll left

EXERCISE 22 video 26

jquery hasClass methods == hasClass()

hasClass

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

  • has class

EXERCISE 23 video 27

jquery effect hide, show toggle methods == hide(), show(), toggle(), call back fundtion

hide text

show text

toggle text

EXERCISE 24 video 28

jquery effect fade methods == fadeIn(), fadeOut(), fadeToggle(), fadeTo(speed, opacity, callback)

fade in text

fade out text

fade toggle text

fade to text

EXERCISE 25 video 29

jquery effect SLIDE methods == slideDown(), slideUp(), slideToggle()

slide down text

slide up text

slide toggle text

EXERCISE 26 video 30

jquery effect animate methods == animate({parameter}, speed, callback);

animate text

animate text

animate text

EXERCISE 27 video 31

jquery effect stop methods == stop

animate text

animate text

animate text

EXERCISE 28 video 32

jquery effect chaining methods == chaining()

chaning methods

EXERCISE 29 video 33

jquery effect ancestor methods == parent(), parents(), parentsUntil(), closest(), offsetParent()

ancestor ===> parent tag

descendants ===> child tag

siblings ===> brother and sister tag

filtering ===> work on child tag

main outer

outer

inner

this is

A
B
C
D

EXERCISE 30 video 34

jquery effect descendants methods == children(), find()

main outer

outer

inner

this is

A
B
C
D

EXERCISE 31 video 35

jquery effect siblings methods == siblings(), next(), nextAll(), nextUntil(), prev(), prevAll(), prevUntil(),

main outer

outer

inner

A
B
C
D
E

EXERCISE 32 video 36

jquery effect filtering methods == first(), last(), eq(), filter(), not(), slice()

Heading 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

  • Apple
  • Banana
  • Mango
  • Piapple
  • Graps
  • Guava

Heading 2

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

EXERCISE 33 video 37

jquery effect has and is methods == has(), is()

Heading 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

Heading 2

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

EXERCISE 34 video 38

jquery each methods == each()

  • Apple
  • Banana
  • Mango
  • Piapple
  • Graps
  • Guava

EXERCISE 35 video 39

jquery pageX, pageY methods == pageX(), pageY()

Heading 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

EXERCISE 36 video 40

jquery type methods == type()

Heading 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

EXERCISE 37 video 41

jquery type which == which()

Heading 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

  • keyBoard key ASCII Value
  • A-Z 65-90
  • 0-9 96-105
  • Special Char $,%,*,&,@,# 48-57

EXERCISE 38 video 42

jquery target methods == target()

Heading 1 click

click Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

h4

h5

EXERCISE 39 video 43

EXERCISE 40 video 44

jquery stopPropagation methods == stopPropagation()

Heading click

click Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

EXERCISE 41 video 45

jquery data methods == data()

Heading click

click Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

click Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

click Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

EXERCISE 42 video 46

jquery Plugins introduction

Why is jquery Popular?

  • Short Selectors
  • Variety of Animation Functions
  • Easy DOM Manipulation
  • Easy CSS Styling
  • Easy DOM Traversing

how inbuild plugin

  • Map Plugin file Download
  • call map plugin function
  • Pass parameter which location

Category of jquery plugins:-

  • Accordions
  • Charts & Graps
  • Calender
  • Drag & Drop
  • Image Effects
  • Maps
  • Video & Audio Players
  • Zoom effect
  • Sliders
  • Form Validations
  • Tabs
  • Popup Window

Implement JQUERY plugins:-

plugins list website:-