jQuery in Hindi

BccFalna.com Kuldeep Chand

097994-55505
In this EBook, I have tried my best to cover each and
every concept and each and every function related to
jQuery plus various Special and Advance Concepts like
Deferred Objects and AJAX.

If you learn jQuery, you can very easily use it as

alternative of JavaScript on approximately more than
90% tasks. It means, if you learn jQuery, you can fulfill
approximately 90% tasks very quickly without knowing
JavaScript, although if you know JavaScript, you can
learn jQuery with more speed.

Plus I have covered some basics of jQuery UI too, so that

you can use it for various kinds of Common tasks like
Dialog Box, Widgets, Sliders, etc…

I have also covered jQuery Animation too in this EBook,

which can be used in place of Flash for Animation Effects
very easily.
 jQuery in Hindi
The most used JavaScript library

Kuldeep Chand

BetaLab Computer Center

Falna

1
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

jQuery in Hindi

Copyright © 2013 by Kuldeep Chand

All rights reserved. No part of this work may be reproduced or transmitted in any form
or by any means, electronic or mechanical, including photocopying, recording, or by
any information storage or retrieval system, without the prior written permission of the
copyright owner and the publisher.

Trademarked names may appear in this book. Rather than use a trademark symbol
with every occurrence of a trademarked name, we use the names only in an editorial
fashion and to the benefit of the trademark owner, with no intention of infringement of
the trademark.

Lead Editors: Kuldeep Chand

Distributed to the book trade worldwide by BetaLab Computer Center, Behind of

Vidhya Jyoti School, Falna Station Dist. Pali (Raj.) Pin 306116

e-mail bccfalna@gmail.com,

or

visit http://www.bccfalna.com

For information on translations, please contact BetaLab Computer Center, Behind of

Vidhya Jyoti School, Falna Station Dist. Pali (Raj.) Pin 306116

Phone 097994-55505

The information in this book is distributed on an “as is” basis, without warranty.
Although every precaution has been taken in the preparation of this work, the author
shall not have any liability to any person or entity with respect to any loss or damage
caused or alleged to be caused directly or indirectly by the information contained in
this book.

2
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

This book is dedicated to those

who really wants to be

Professional Developer

3
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

jQuery
Index of contents

4
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

Table of Contents
jQuery Introduction .............................................................................................. 13
Downloading and Linking jQuery ..................................................................... 16
Where to Embed jQuery Framework ............................................................... 21
Internal Architecture of jQuery ......................................................................... 23
Development Environment Setup ....................................................................... 27
Notepad++ ....................................................................................................... 27
Aptana Studio .................................................................................................. 29
Visual Studio .................................................................................................... 32
NetBeans ......................................................................................................... 38
Developer Tools Console ................................................................................ 50
Display Message in Console ........................................................................... 57
jQuery – Fundamental Internals .......................................................................... 60
The DOM (Document Object Model) ............................................................... 60
jQuery Statement Description .......................................................................... 62
Selector ........................................................................................................ 62
Action ........................................................................................................... 63
Parameters .................................................................................................. 63
Separate Everything – HTML, CSS and JavaScript ........................................ 66
Is the Document Ready ................................................................................... 67
Delay the ready Event to be fired .................................................................... 77
The jQuery Alias .............................................................................................. 80
jQuery() Function – The Gateway of jQuery .................................................... 84
jQuery( selector [, context ] ) ........................................................................ 85
jQuery( html [, ownerDocument ] ) ............................................................... 91
jQuery( callback ) ......................................................................................... 99
jQuery Selectors – The Base of jQuery ............................................................. 102
Basic Selector ................................................................................................ 103
Universal Selector ( * ) ............................................................................... 103
Class Selector (“.className”) ................................................................... 106
Element Selector (“tagName”) ................................................................... 107
ID Selector (“#id”) ....................................................................................... 109
Multiple Selector (“selector1 selector2, selectorN”) ................................... 110
Hierarchy Selector ......................................................................................... 112
Child Selector (“parent > child”) ................................................................. 112
Child Selector (“ancestor descendant”) ..................................................... 114
Next Adjacent (“previous + next”) .............................................................. 116
Next Siblings (“previous ~ next”) ................................................................ 117
Attribute Selector ........................................................................................... 119
Has Attribute Selector[name] ..................................................................... 120
Attribute Equal Selector[name = "value"] ................................................... 121
Attribute Contains Prefix Selector[name |= "value"] ................................... 122
Attribute Contains Selector[name *= "value"] ............................................. 124
Attribute Contains Word Selector[name ~= "value"] .................................. 125
Attribute Ends With Selector[name $= "value"] .......................................... 126
Attribute Starts With Selector[name ^= "value"] ......................................... 127
Attribute Not Equal Selector[name != "value"] ........................................... 128
Multiple Attribute Selector[name = "value"][nameN = "valueN"] ................ 130
Basic Filter Selectors ..................................................................................... 131
:lang Filter Selector – jQuery(":lang(language-code)")............................... 131
:not Filter Selector – jQuery(":not(selector)") ............................................. 133
:root Filter Selector – jQuery(":root") .......................................................... 134

5
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

:target Filter Selector – jQuery(":target") .................................................... 135

:eq() Filter Selector jQuery(":eq(index)") jQuery(":eq(-index)") ................. 135
:gt() Filter Selector jQuery(":gt(index)") jQuery(":gt(-index)") .................... 137
:lt() Filter Selector jQuery(":gt(index)") jQuery(":gt(-index)") ..................... 139
:even Filter Selector – jQuery(":even") ....................................................... 141
:odd Filter Selector – jQuery(":odd") .......................................................... 142
:first Filter Selector – jQuery(":first") ........................................................... 143
:last Filter Selector – jQuery(":last") ........................................................... 144
:header Filter Selector – jQuery(":header") ................................................ 145
Child Filter Selectors ..................................................................................... 147
:first-child Filter Selector – jQuery(":first-child").......................................... 147
:last-child Filter Selector – jQuery(":last-child") .......................................... 148
:first-of-type Filter Selector – jQuery(":first-of-type") .................................. 149
:last-of-type Filter Selector – jQuery(":last-of-type") ................................... 150
:nth-child Filter Selector – jQuery(":nth-child(index/even/odd/ equation") . 151
:nth-last-child Filter Selector – jQuery(":nth-child(index/even/odd/ equation")154
:nth-last-of-type Filter Selector – jQuery(":nth-child(index/even/odd/equation")
................................................................................................................... 155
:nth-of-type Filter Selector – jQuery(":nth-child(index/even/odd/equation")156
:only-child Filter Selector – jQuery(":only-child") ........................................ 157
:only-of-type Filter Selector – jQuery(":only-of-type") ................................. 158
Content Filter Selectors ................................................................................. 160
:contains Filter Selector – jQuery(":contains(text)") ................................... 160
:empty Filter Selector – jQuery(":empty") ................................................... 161
:parent Filter Selector – jQuery(":parent") .................................................. 162
:has Filter Selector – jQuery(":parent") ...................................................... 164
Visibility Filter Selectors ................................................................................. 165
:hidden Filter Selector – jQuery(":hidden") ................................................. 165
:visible Filter Selector – jQuery(":hidden").................................................. 167
Form Selectors .............................................................................................. 168
:checked Selector – jQuery(":checked");.................................................... 169
:enabled Selector – jQuery(":enabled"); ..................................................... 173
:disabled Selector – jQuery(":disabled");.................................................... 174
:button Selector – jQuery(":button"); .......................................................... 176
:checkbox Selector – jQuery(":checkbox"); ................................................ 177
:file Selector – jQuery(":file"); ..................................................................... 178
:focus Selector – jQuery(":focus"); ............................................................. 179
:image Selector – jQuery(":image"); ........................................................... 180
:input Selector – jQuery(":input"); ............................................................... 181
:password Selector – jQuery(":password");................................................ 182
:text Selector – jQuery(":text"); ................................................................... 183
:radio Selector – jQuery(":radio"); .............................................................. 184
:selected Selector – jQuery(":selected");.................................................... 186
:reset Selector – jQuery(":reset"); .............................................................. 187
:submit Selector – jQuery(":submit"); ......................................................... 188
jQuery Events – Define The Interactivity ........................................................... 191
jQuery Event Object ...................................................................................... 192
jQuery.Event Constructor ........................................................................... 193
jQuery.Event Properties ............................................................................. 194
Event Specific Properties ........................................................................... 195
Event Handler Attachment ............................................................................. 195
bind() Method ............................................................................................. 196

6
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

unbind() Method ......................................................................................... 214

delegate() Method ...................................................................................... 218
undelegate() Method .................................................................................. 220
on() Method ................................................................................................ 221
off() Method ................................................................................................ 231
trigger() Method ......................................................................................... 234
triggerHandler() Method ............................................................................. 238
one() Method .............................................................................................. 240
Web Browser Events ..................................................................................... 243
resize() Method .......................................................................................... 243
scroll() Method ........................................................................................... 245
Keyboard Events ........................................................................................... 247
focusout() Method ...................................................................................... 247
keydown() Method ..................................................................................... 249
keyup() Method .......................................................................................... 251
keypress() Method ..................................................................................... 252
Mouse Events ................................................................................................ 254
click() Method ............................................................................................. 255
dblclick() Method ........................................................................................ 257
mousedown() Method ................................................................................ 259
mouseup() Method ..................................................................................... 262
mousemove() Method ................................................................................ 263
mouseover() Method .................................................................................. 266
mouseout() Method .................................................................................... 268
mouseenter() Method ................................................................................. 269
mouseleave() Method ................................................................................ 271
hover() Method ........................................................................................... 273
Form Events .................................................................................................. 274
blur() Method .............................................................................................. 274
change() Method ........................................................................................ 276
focus() Method ........................................................................................... 278
focusin() Method ........................................................................................ 280
select() Method .......................................................................................... 281
submit() Method ......................................................................................... 282
jQuery Event Object – Properties .................................................................. 284
event.currentTarget Property ..................................................................... 284
event.data Property .................................................................................... 286
event.delegateTarget Property .................................................................. 287
event.metaKey Property ............................................................................ 289
event.namespace Property ........................................................................ 290
event.result Property .................................................................................. 291
event.target Property ................................................................................. 292
event.type Property .................................................................................... 294
event.timeStamp Property ......................................................................... 294
jQuery DOM Manipulation ................................................................................. 298
Class Attribute Manipulation .......................................................................... 298
addClass() Method ..................................................................................... 298
removeClass() Method ............................................................................... 301
hasClass() Method ..................................................................................... 304
toggleClass() Method ................................................................................. 306
css() Method .............................................................................................. 310
Existing Element Manipulation ...................................................................... 316

7
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

clone() Method ........................................................................................... 316

DOM Insertion Around Manipulation ............................................................. 319
wrap() Method ............................................................................................ 319
wrapAll() Method ........................................................................................ 323
wrapInner() Method .................................................................................... 324
DOM Insertion Inside Manipulation ............................................................... 326
append() Method ........................................................................................ 326
appendTo() Method ................................................................................... 332
prepend() Method ...................................................................................... 333
prependTo() Method .................................................................................. 334
text() Method .............................................................................................. 335
html() Method ............................................................................................. 339
DOM Insertion Outside Manipulation ............................................................. 341
after() Method ............................................................................................ 342
before() Method ......................................................................................... 344
insertBefore() Method ................................................................................ 345
insertAfter() Method ................................................................................... 346
DOM Insertion Removal Manipulation ........................................................... 348
unwrap() Method ........................................................................................ 348
detach() Method ......................................................................................... 349
remove() Method ........................................................................................ 351
empty() Method .......................................................................................... 353
DOM Replacement Manipulation ................................................................... 354
replaceAll() Method .................................................................................... 354
replaceWith() Method ................................................................................. 356
General Attributes Manipulation .................................................................... 356
attr() Method .............................................................................................. 357
prop() Method ............................................................................................ 361
removeAttr() Method .................................................................................. 365
removeProp() Method ................................................................................ 367
val() Method ............................................................................................... 369
CSS Dimension Manipulation ........................................................................ 374
height() Method .......................................................................................... 374
width() Method ........................................................................................... 377
innerHeight() Method ................................................................................. 382
innerWidth() Method .................................................................................. 384
outerHeight() Method ................................................................................. 386
outerWidth() Method .................................................................................. 388
CSS Offset Manipulation ............................................................................... 391
offset() Method ........................................................................................... 391
position() Method ....................................................................................... 395
scrollLeft() Method ..................................................................................... 396
scrollTop() Method ..................................................................................... 400
Collection Manipulation ................................................................................. 402
each() Method ............................................................................................ 402
DOM Element Manipulation ........................................................................... 404
get() Method ............................................................................................... 404
index() Method ........................................................................................... 406
toArray() Method ........................................................................................ 408
Data Storage Manipulation ............................................................................ 409
data() Method ............................................................................................. 410
removeData() Method ................................................................................ 411

8
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

jQuery.hasData() Method ........................................................................... 413

DOM Traversing ............................................................................................ 414
DOM – Filtering Manipulation .................................................................... 414
DOM Tree Traversal Manipulation ............................................................. 432
jQuery Utility Methods ................................................................................... 471
jQuery.contains() or $.contains() Function ................................................. 471
jQuery.each() or $.each() Function ............................................................ 472
jQuery.extend() or $.extend() Function ...................................................... 475
jQuery.globalEval() or $.globalEval() Function........................................... 476
jQuery.grep() or $.grep() Function ............................................................. 477
jQuery.inArray() or $.inArray() Function ..................................................... 479
jQuery is…() Functions .............................................................................. 481
jQuery.makeArray() or $.makeArray() Function ......................................... 488
jQuery.map() or $.map() Function .............................................................. 490
jQuery.noop() or $.noop() Function ............................................................ 491
jQuery.merge() or $.merge() Function ....................................................... 491
jQuery.now() or $.now() Function .............................................................. 492
jQuery.type() or $.type() Function .............................................................. 493
jQuery.parseHTML() or $.parseHTML() Function ...................................... 495
jQuery.parseXML() or $.parseXML() Function ........................................... 496
jQuery.parseJSON() or $.parseJSON() Function ...................................... 498
jQuery.unique() or $.unique() Function ...................................................... 499
jQuery.trim() or $.trim() Function ................................................................ 499
jQuery.data() or $.data Function ................................................................ 500
jQuery.removeData() or $.removeData Function ....................................... 502
jQuery Special Properties .............................................................................. 505
jquery Property .............................................................................................. 505
context Property ............................................................................................ 506
jQuery.support or $.support Property ............................................................ 507
ajax Property .............................................................................................. 508
boxModel Property ..................................................................................... 508
changeBubbles Property ............................................................................ 508
checkClone Property .................................................................................. 508
checkOn Property ...................................................................................... 508
cors Property .............................................................................................. 508
cssFloat Property ....................................................................................... 509
hrefNormalized Property ............................................................................ 509
htmlSerialize Property ................................................................................ 509
leadingWhitespace Property ...................................................................... 509
noCloneEvent Property .............................................................................. 509
opacity Property ......................................................................................... 509
optDisabled Property ................................................................................. 509
optSelected Property ................................................................................. 510
style Property ............................................................................................. 510
submitBubbles Property ............................................................................. 510
tbody Property ............................................................................................ 510
length Property ........................................................................................... 510
jQuery Animation and Effects ............................................................................ 513
Basic Functions ............................................................................................. 513
hide() Method ............................................................................................. 513
show() Method ........................................................................................... 518
toggle() Method .......................................................................................... 521

9
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

Fading Functions ........................................................................................... 522

fadeOut() Method ....................................................................................... 522
fadeIn() Method .......................................................................................... 523
fadeToggle() Method .................................................................................. 524
fadeTo () Method ....................................................................................... 525
Sliding Functions ........................................................................................... 528
slideUp() Method ........................................................................................ 528
slideDown() Method ................................................................................... 529
slideToggle() Method ................................................................................. 530
Custom Functions .......................................................................................... 532
animate() Method ....................................................................................... 532
queue() Method .......................................................................................... 543
dequeue() Method ...................................................................................... 552
clearQueue() Method ................................................................................. 553
stop() Method ............................................................................................. 554
finish() Method ........................................................................................... 558
delay() Method ........................................................................................... 560
jQuery.fx.interval Property ......................................................................... 561
jQuery.fx.off Property ................................................................................. 562
jQuery AJAX – Deferred Object ........................................................................ 566
Promises and Deferred Objects .................................................................... 566
jQuery.Deferred() Function ........................................................................ 570
deferred.state() Method ............................................................................. 573
deferred.resolve() Method .......................................................................... 574
deferred.reject() Method ............................................................................ 574
deferred.done() Method ............................................................................. 575
deferred.resolveWith() Method .................................................................. 579
deferred.rejectWith() Method ..................................................................... 579
deferred.fail() Method ................................................................................. 580
deferred.notify() Method ............................................................................. 582
deferred.notifyWith() Method ..................................................................... 582
deferred.progress() Method ....................................................................... 583
deferred.promise() Method ........................................................................ 587
promise() Method ....................................................................................... 591
deferred.always() Method .......................................................................... 592
deferred.then() Method .............................................................................. 594
jQuery.when() Method ............................................................................... 596
Low-Level Interface Methods ........................................................................ 601
jQuery.ajax() or $.ajax() Function .............................................................. 601
jQuery.ajaxSetup(options) Function ........................................................... 613
jQuery.ajaxPrefilter() Function ................................................................... 623
jQuery.ajaxTransport() Function ................................................................ 625
jQuery Helper Functions ................................................................................ 626
jQuery.param() Function ............................................................................ 626
serialize() Method ...................................................................................... 628
serializeArray() Method .............................................................................. 631
Shorthand Methods ....................................................................................... 634
load() Method ............................................................................................. 634
jQuery.get() Function ................................................................................. 645
jQuery.post() Function ............................................................................... 651
jQuery.getScript() Function ........................................................................ 654
jQuery.getJSON() Function ........................................................................ 657

10
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

Global Ajax Event Handlers ........................................................................... 661

ajaxSend() Method ..................................................................................... 661
ajaxStart() Method ..................................................................................... 663
ajaxSuccess() Method ............................................................................... 665
ajaxComplete() Method .............................................................................. 667
ajaxError() Method ..................................................................................... 669
ajaxStop() Method ...................................................................................... 670
JSONP – Cross-Domain Scripting Hack........................................................ 672
Same-Origin Policy Limitations .................................................................. 672
JSON and JSONP ..................................................................................... 674
Creating JSONP Web Service ................................................................... 683
JSONP with jQuery.getJSON() Function ................................................... 687
JSONP with jQuery.ajax() Function ........................................................... 693
jQuery UI – The Standard Plug-in Collection .................................................... 698
Button Widget ................................................................................................ 700
Progressbar Widget ....................................................................................... 702
Slider Widget ................................................................................................. 703
Tabs Widget .................................................................................................. 704
Dialog Widget ................................................................................................ 705
Accordion Widget .......................................................................................... 707
Last but not Least. There is more… .................................................................. 709

11
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

jQuery
Fundamentals

12
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

jQuery Introduction
ftu yksxksa us Web Pages dks Interactive cukus ds fy, JavaScript dk iz;ksx fd;k gS] os
vPNh rjg ls tkurs gSa fd Pure JavaScript dk iz;ksx djds Interactivity dh lqfo/kk izkIr
djuk fdruk tfVy dke gS D;ksafd fofHkUu JavaScript Features dks fofHkUu Web Browsers
esa vyx&vyx rjhds ls Implement fd;k gSA

orZeku le; esa Firefox, Chrome, Internet Explorer, Opera o Safari 5 ,sls eq[; Web
Browsers gSa] ftudk iz;ksx lcls T;knk fd;k tkrk gSA vc ;fn vki Pure JavaScript
Codes dk iz;ksx djrs gq, vius Web Page dks Interactive cukuk pkgrs gSa] rks vkidks de
ls de bu 5 eq[; Web Browsers ds fy, vius Web Page dks Interactive cukuk iMsxkA

;kuh vkidks de ls de 5 Web Browsers ds fy, vius JavaScript Codes dh

Functionality o Working dks Check djuk iMsxk D;ksafd bu ikapksa Web Browsers esa
JavaScript Engines dks vyx&vyx rjhds ls Implement fd;k x;k gS] tks fd vyx&vyx
rjg ds Features dks Support djrs gSaA

JavaScript ds fofHkUu Versions dks fofHkUu Web Browsers esa vyx&vyx rjhds ls
Implement fd, tkus dh otg ls ,d gh Web Page fofHkUu Web Browsers esa vyx&vyx
rjhds ls Render gks ldrk gSA ftldh otg ls “kq: ls gh JavaScript Developers dks ,d
ls T;knk Web Browsers ds fy, vius Web Page dks Interactive cukuk t:jh gksrk FkkA
;kuh ,d ls T;knk Web Browsers ds fy, vyx&vyx rjg ds JavaScript Codes fy[kus
dh t:jr gksrh FkhA

pwafd Professional World esa 80/20 dk Rule cgqr T;knk Follow gksrk gSA ;kuh
Professional Development esa 80% Requirements ,slh gksrh gSa] ftUgsa 20% Common
Codes }kjk iwjk fd;k tk ldrk gSA nwljs “kCnksa esa dgsa rks T;knkrj Professional
Development dh Requirements leku gksrh gSa vkSj leku izdkj dh Requirements dks iwjk
djus ds fy, fy[ks tkus okys Codes Hkh leku gksrs gSaA

bl otg ls 2005 ds vUr esa dqN Professional Web Developers us leku izdkj ds dkeksa
dks iwjk djus ds fy, ,sls JavaScript Functions dh ,d Library rS;kj dh] tks fd lHkh Web
Browsers ij leku :i ls dke djrs FksA

ifj.kkeLo:i leku izdkj dh Requirements dks iwjk djus ds fy, vyx&vyx Web
Browsers gsrq ckj&ckj Pure JavaScript Codes dks fy[kus ds ctk; ;s Developers cMh gh
vklkuh ls viuh rS;kj dh xbZ Library ds Functions dks Use dj ldrs Fks vkSj viuh
Common Requirements dks rsth ls iwjk dj ldrs Fks tks fd fdlh Hkh Professional
Development dh eq[; t:jr gksrk gSA

bUgha yksxksa us tuojh 2006 dh “kq:vkr esa viuh bl JavaScript Functions dh Library dks
Online Available djok fn;k] rkfd vU; JavaScript Developers Hkh bu Functions dk
iz;ksx djrs gq, vklkuh ls viuk Client Side Web Development dj ldsaA blh JavaScript
Functions dh Library dks Manage, Maintain o Update fd;k x;k vkSj ;gh JavaScript
Library gekjs lkeus jQuery ds uke ls miyC/k gS tks fd orZeku le; dk Most Popular
JavaScript Framework gSA

13
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

jQuery ,d JavaScript Framework gSA ;kuh okLro esa jQuery, JavaScript dk gh ,d

Extension gSA tks dke ge jQuery }kjk dj ldrs gSa] os lHkh dke ge JavaScript }kjk Hkh dj
ldrs gSaA vUrj dsoy bruk gS fd ftu dkeksa dks JavaScript esa djus ds fy, gesa lSdMksa Lines
ds Codes fy[kus iM ldrs gSa] mUgha dkeksa dks ge jQuery }kjk dqN gh Lines ds Codes ls
dj ldrs gSa] D;ksafd jQuery Internally mu gtkjksa Lines ds Common Codes dks gekjs fy,
Lo;a Create dj nsrk gSA

jQuery ,d cgqr gh Powerful o Easy JavaScript Framework gS] blhfy, vU;

Frameworks dh rqyuk esa bls u dsoy lkekU; Web Developers Use djrs gSa cfYd
Amazon, Microsoft, Adobe, Google, Mozilla, Twitter, Wordpress, IBM, Netfix, Nokia
tSlh cMh dEifu;ka Hkh vius Products ds fy, bls Use djrh gSaA bruk gh ugha] orZeku le;
esa ;fn dksbZ JavaScript Framework lcls T;knk Use fd;k tkrk gS] rks og jQuery gh gSA

jQuery dh viuh cgqr lkjh fo”ks’krk,sa gSa] ftldh otg ls cgqr gh de le; esa bls bruk T;knk
mi;ksx esa fy;k tkus yxk gSA bldh lcls cMh fo”ks’krk rks ;gh gS fd bls lh[kuk o
Professional Level ij mi;ksx esa ysuk fdlh Hkh vU; JavaScript Framework dks lh[kus o
mi;ksx esa ysus dh rqyuk esa T;knk vklku gSA

jQuery dks lcls T;knk Use fd, tkus dk ewy dkj.k bldh ljyrk vkSj blds }kjk Provide
fd, tkus okys Professional Level ds Features gSaA pfy,] jQuery ds dqN egRoiw.kZ
Features ds ckjs esa tkuus dh dksf”k”k djrs gSa%

• jQuery dk iz;ksx djds ge cMh gh vklkuh ls HTML Page ds DOM dks Access
dj ldrs gSa] HTML Page ij Effects Apply dj ldrs gSa vkSj Ajax Request dj
ldrs gSaA lkFk gh jQuery fofHkUu izdkj ds Web Browsers ds lkFk Compatibility
(Cross Browser Compatibility) dk /;ku Lo;a gh j[k ysrk gSA ;kuh tc ge
jQuery dk iz;ksx djrs gSa] rc gesa vyx&vyx Web Browsers ds fy, vyx&vyx
JavaScript Codes fy[kus dh t:jr ugha gksrh gSA

• jQuery CSS3 Standards dks iwjh rjg ls Support djrk gSA bruk gh ugha jQuery
gesa dbZ vkSj Tools Hkh iznku djrk gS] tks fd lkekU;r;k Simple JavaScript ds lkFk
Available ugha gksrs gSaA

• jQuery esa miyC/k supports() Function ,d ,slk gh Option gS] tks bl ckr dk
irk yxk ysrk gS fd dksbZ Particular Web Browser fdlh Particular Feature dks
Support djrk gS ;k ugha] rkfd ge fdlh Particular Web Browser ds fy, fo”ks’k
izdkj ds Codes fy[k ldsaA

• jQuery dk iz;ksx dbZ ,sls Widgets o Effects cukus ds fy, Hkh fd;k x;k gS] ftudk
iz;ksx cgqrk;r esa gksrk gSA tSls Dialog Box, Slider Control, Tabs, Datepicker,
Overlay and Shadow Classes, Progressbar, Highlight Class, Error Class
vkfnA

• bl izdkj ds User Interface cukus okys o vU; izdkj ds Widgets o Effects dks
jQuery UI (jQuery User Interface) Library ds :i esa Develop fd;k x;k gS] tks

14
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

iwjh rjg ls jQuery ij vk/kkfjr gS vkSj bUgsa Create djus ds fy, gesa vyx ls
Codes fy[kus dh t:jr ugha gSA

• jQuery dk iz;ksx djds fofHkUu izdkj ds lSdMksa Plug-ins igys ls gh cuk, tk pqds gSa]
ftUgsa cMh gh vklkuh ls viuh t:jr ds vuqlkj Customize djds mi;ksx esa fy;k tk
ldrk gSA blfy, fofHkUu izdkj dh t:jrksa dks iwjk djus ds fy, gesa gj ckj Coding
djus dh t:jr ugha gksrh gS] cfYd ge bu jQuery Plug-in Libraries dk iz;ksx djds
de ls de le; esa viuh t:jrksa dks iwjk dj ldrs gSaA

• jQuery dk iz;ksx djrs le; lHkh rjg ds jQuery Codes dks ,d Separate
JavaScript File esa fy[kk tk ldrk gS] ftlls Web Page dk Structure (HTML) o
Behavior (JavaScript/jQuery) iwjh rjg ls Separated jgrk gSA

• jQuery }kjk HTML Page ds iwjs DOM dks cMh gh vklkuh ls Query ;kuh Access
fd;k tk ldrk gS] blfy, fdlh HTML Page ds Structure dks Hkh jQuery }kjk
cMh gh vklkuh ls Change o Modify fd;k tk ldrk gSA

• jQuery gesa dbZ ,sls Functions Provide djrk gS] ftudk iz;ksx djds ge fdlh
HTML Page esa u;k Element Insert dj ldrs gSa] fdlh Element dks Modify dj
ldrs gSa vFkok fdlh Element dks Delete dj ldrs gSaA bruk gh ugha cfYd ge fdlh
Element dks Replace, Remove ;k Clone dj ldrs gSaA lkFk gh jQuery dk iz;ksx
djds HTML Page ds Content dks Hkh cMh gh vklkuh ls Change dj ldrs gSaA

• jQuery dks IBM, Netfix, Google o Microsoft tSlh cMh dEifu;ka Hkh vius
Products ds lkFk mi;ksx esa ysrh gSa] blfy, bldk Hkfo’; dkQh lqfuf”pr gS vkSj bls
lh[kuk dkQh mi;ksxh lkfcr gksxkA bruk gh ugha] jQuery dks Use djus okys Users
dh ,d cgqr cMh Community gS] blfy, fdlh fo”ks’k izdkj dh t:jr dks iwjk djus
ds fy, vkidks Help izkIr djus esa Hkh dksbZ ijs”kkuh ugha gksxhA

buds vykok Hkh jQuery ds vkSj Hkh cgqr lkjs Features gSa] tks gesa fofHkUu izdkj ds Benefits
Provide djrs gSaA ysfdu blls igys fd ge jQuery dks Detail ls le>rs gq, vkxs c<sa] bl
ckr dks vPNh rjg ls le> ysuk t:jh gS fd ;s iqLrd iwjh rjg ls jQuery API ij vk/kkfjr
gS vkSj bl iqLrd esa dsoy blh ckr dks Describe fd;k x;k gS fd Web Site ;k Web
Application Create djrs le; fofHkUu izdkj dh JavaScript Related Professional
Requirements dks ge jQuery ds ek/;e ls dSls iwjk dj ldrs gSaA

tSlkfd geus iqLrd dh “kq:vkr esa crk;k fd jQuery, okLro esa ,d JavaScript Framework
gS] ftldk eryc ;gh gS fd jQuery iwjh rjg ls JavaScript ds lHkh Concepts dks Support
djrk gSA

;kuh ge jQuery ds lkFk JavaScript ds fofHkUu Core Concepts tSls fd (Variables,

Constants, Functions, Objects, Array, References, etc…) o DOM (Document Object
Model Level 1, Level 2, Level 3) rFkk BOM (Browser Object Model DOM Level 0) ls
lEcaf/kr fofHkUu JavaScript Functions o Concepts dks T;ksa dk R;ksa mi;ksx esa ys ldrs gSaA
cfYd ;fn ;s dgsa fd jQuery esa Internally ;s lkjs Concepts Invisibly dke dj jgs gksrs gSa]
rks xyr ugha gksxkA

15
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

blfy, ;fn vki bl iqLrd esa crk, x, Concepts o Codes dks Bhd rjg ls le>uk o
mi;ksx esa ysuk lh[kuk pkgrs gSa] rks fQj ;s t:jh gS fd vkidks HTML, CSS o JavaScript
dk Basic Knowledge t:j gksA ;fn vkidks HTML o CSS ls lEcaf/kr fcYdqy Hkh Kku ugha
gS] rks fQj vkidks igys gekjh iqLrd “HTML with CSS in Hindi” vPNh rjg ls i<uk pkfg,
rkfd vki Web Development ds Basic Concepts dks Bhd ls le> ldsaA

blh rjg ls ;fn vkidks JavaScript dk Kku ugha gS] rks vkidks igys “Advance JavaScript
in Hindi” iqLrd dks i<uk pkfg,] D;ksafd bl iqLrd esa cgqr lkjs ,sls Basic Concepts fn,
x, gSa] ftUgsa le>sa fcuk vki jQuery dks Bhd ls ugha le> ldrs vkSj jQuery dks Bhd ls
le>s fcuk vki bls bldh iwjh rkdr ds lkFk mi;ksx esa ugha ys ldrsA

Downloading and Linking jQuery

jQuery Framework vkSj dqN ugha] dsoy ,d JavaScript File ek= gS] ftls gesa gekjs HTML
Page esa <script> Element }kjk Include djuk gksrk gSA tSls gh ge jQuery File dks vius
HTML Page ds <script> Element ds src Attribute esa Specify djrs gSa] ge Current
Web Page esa jQuery dh lHkh Functionalities dks mi;ksx esa ys ldrs gSaA

jQuery dh Functionalities dks mi;ksx esa fy;k tk lds] blds fy, lcls igys gesa jQuery
Framework ;kuh jQuery Library File dks Download djuk gksrk gSA

jQuery Library iwjh rjg ls Free gS vkSj bls http://jquery.com ls Download fd;k tk
ldrk gSA ;fn vki jQuery dh File dks vius Web Server ij Hold djuk ugha pkgrs] rks
vki Google, Microsoft ;k Lo;a JQuery ds CDN ij Hosted jQuery Library dks Hkh
mi;ksx esa ys ldrs gSaA nksuksa rjhdksa ls vius Web Page esa jQuery dks Include djus dk
rjhdk fuEukuqlkj gS%

ON Own Web Server

File Name: jQueryEmbeding.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery - Embedding in WebPage</title>
<script type='text/javascript' src="js/jquery-1.9.1.js"></script>
</head>
<body>

</body>
</html>

mijksDr Code esa ge ;s eku jgs gSa fd gekjs Current Web Project ds Folder ds vUnj gh
JavaScript uke dk ,d Folder gS vkSj blh Folder esa gekjh jQuery Library File Stored gS]
ftldk uke jquery-1.9.1.js gSA

mijksDr Web Page esa jQuery Library File dks Current Web Page esa Include djus dk
dke fuEu Statement dj jgk gS%

<script type='text/javascript' src="js/jquery-1.9.1.js"></script>

16
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

tc ge gekjs Lo;a ds Web Server ij jQuery Library File dks Host djuk ugha pkgrs] rc
ge fuEukuqlkj Google, Microsoft ;k Lo;a JQuery ds CDN dk iz;ksx djds Hkh jQuery
Library File dks vius Web Page ij Embed dj ldrs gSa%

ON CDN (Content Delivery Network)

File Name: jQueryEmbeding.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery - Embedding in WebPage</title>
<!-- CloudFlare CDN -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.js" ></script>

<!-- Microsoft CDN -->

<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.9.1.min.js" ></script>
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.9.1.js" ></script>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.js" ></script>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js" ></script>

<!-- jQuery CDN -->

<script src="http://code.jquery.com/jquery-1.9.1.min.js" ></script>
<script src="http://code.jquery.com/jquery-1.9.1.js" ></script>

<script src="http://code.jquery.com/jquery.js" ></script>

<script src="http://code.jquery.com/jquery.min.js" ></script>

<script src="http://code.jquery.com/jquery-latest.min.js" ></script>

<script src="http://code.jquery.com/jquery-latest.js" ></script>

<!-- Google CDN -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9/jquery.min.js" ></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js" ></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9/jquery.js" ></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" ></script>

</head>
<body>

</body>
</html>

17
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

jQuery ds gesa”kk nks Versions Available jgrs gSaA igyk Version Source Version gksrk gS]
ftls lkekU;r% Web Development ;k Production ds le; Use fd;k tkrk gS] tcfd nwljs
Version dks Minified Version dgrs gSa vkSj ;s Version lkekU;r% rc Use fd;k tkrk gS]
tc Web Site dks User ds fy, Online Publish fd;k tkrk gS] D;ksafd Minified Version dks
Compress dj fn;k tkrk gS] ftlls bldh Size de gks tkrh gSA

ifj.kkeLo:i tc User gekjh Web Site ds Pages dks Access djrk gS] rks jQuery T;knk
rsth ls User ds Web Browser esa Download gks tkrk gS vkSj User gekjs Web Pages dks
T;knk rsth ls Access dj ikrk gSA

lkekU;r% Minified Version esa “min” “kCn dk iz;ksx fd;k tkrk gS tSlkfd mijksDr Example
Code esa vki ns[k ldrs gSa fd fofHkUu CDN Networks jQuery ds Minified o Full, nksuksa
Versions Provide djrs gSa vkSj ge ftls pkgsa mls mi;ksx esa ys ldrs gSaA

;fn vki Microsoft CDN }kjk Provided jQuery Library Use djrs gSa] rks vki aspnet o
microsoft nksuksa CDN ls jQuery Library dks vius Web Page esa Include dj ldrs gSaA

microsoft iqjkuk CDN gS tcfd aspnet Microsoft }kjk Provided u;k CDN gSA blfy,
;fn vki Microsoft }kjk Provided CDN jQuery Library Use dj jgs gSa] rks vkidks
fuEukuqlkj Code }kjk aspnet CDN dk gh iz;ksx djuk pkfg,%

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.js" ></script>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js" ></script>

;fn vki jQuery CDN dks jQuery Library ds fy, Use djrs gSa] rks jQuery CDN rhu rjhds
ls jQuery Library Provide djrk gS] tks fd fuEukuqlkj gSa%

<script src="http://code.jquery.com/jquery-1.9.1.min.js" ></script>

<script src="http://code.jquery.com/jquery-1.9.1.js" ></script>

bl rjhds ls jQuery Library dks Use djus ij vki fuf”pr :i ls ;s r; djrs gSa fd vki
jQuery ds 1.9.1 Version dks gh vius Web Page esa Include dj jgs gSaA tcfd%

<script src="http://code.jquery.com/jquery.js" ></script>

<script src="http://code.jquery.com/jquery.min.js" ></script>

<script src="http://code.jquery.com/jquery-latest.min.js" ></script>

<script src="http://code.jquery.com/jquery-latest.js" ></script>

bu nksuksa rjhdksa ls ;fn vki jQuery CDN dh jQuery Library dks Use djrs gSa] rks vkids
Web Page ds fy, gesa”kk Latest jQuery Version Download gksrk gSA mijksDr nksuksa rjhdksa
esa ,d eq[; vUrj ;s gS fd ;fn vki igys rjhds dks Use djrs gSa] ;kuh ;fn vki Exact
Version ds jQuery Framework dks Use djrs gSa] rks og jQuery Library JavaScript File
User ds Web Browser esa rc rd ds fy, Cache gks tkrh gS] tc rd fd User vius
Computer ds Operating System dks iwjh rjg ls Format ugha djrk vFkok User Lo;a
Manually vius Web Browser ds Cache dks Clear ugha djrkA

18
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

tcfd ;fn vki nwljs rjhds dks Use djrs gSa] rks jQuery Library User ds Web Browser esa
cgqr de le; ds fy, Cache gksrh gSA ifj.kkeLo:i ml fuf”pr vof/k ds ckn ;fn User
fQj ls vkidh Web Site ds Pages Open djrk gS] rks jQuery Library fQj ls Download
gksrh gSA

vki le> gh x, gksaxs fd nksuksa rjhdksa dk viuk ,d Qk;nk gS rks ,d uqdlku Hkh gSA tc vki
igys rjhds ls Exact Version ds jQuery Library dks vius Web Page esa Embed djrs gSa]
rc og jQuery Library File User ds Web Browser esa Cache gks tkus dh otg ls vkidh
Web Site ds lHkh Web Pages User ds Computer esa Fast Render gksrs gSa] ysfdu tc Hkh
jQuery dk u;k Version Launch gksrk gS] rks vkidks vius Web Page esa ml Latest
Version dks Manually Modify djuk iMrk gSA

tcfd ;fn vki nwljs rjhds dks Use djrs gSa] rks vkidks gj u, jQuery Version ds fy, vius
Web Pages dks Manually u, jQuery Version ds fy, Modify ugha djuk iMrk ysfdu ml
fLFkfr esa User ds Computer esa jQuery Library ckj&ckj Download gksrh gS] ftlls vkidh
Web Site ds Web Pages User ds Computer esa /kheh xfr ls Render gksrs gSaA

blh izdkj ls ;fn vki Google dk CDN Use djrs gSa] rks vki fuEukuqlkj rhu rjhdksa ls
jQuery dks vius Web Page esa Include dj ldrs gSa%

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9/jquery.min.js" ></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></script>

igys rjhds esa Exact jQuery Version dks Specify djus dh otg ls ;s Library User ds
Web Browser ds Cache esa vf/kdre 1 lky rd Exist jgrh gS] tcfd User vius
Computer ds Operating System dks Format u djs ;k vius Web Browser ds Cache
dks Manually Remove u djsA

tcfd nwljs rjhds esa jQuery Library User ds Computer esa dsoy ,d fnu rd gh Cached
jgrh gSA 24 Hours ds ckn vxys fnu ;fn User vkidh Web Site dks fQj ls Open djrk
gS] rks jQuery Library ,d ckj fQj ls Download gksrh gSA

blh rjg ls ;fn vki nwljs rjhds dks Use djrs gSa] rks jQuery ds 1.9 ds ckn ds lHkh Sub-
Versions esa ls tks Sub-Version lcls Latest gksrk gS] ogh Sub-Version User ds
Computer esa Download gksrk gSA

tcfd ;fn vki rhljs rjhds dks Use djrs gSa] rks jQuery Library User ds Computer esa
dsoy ,d ?k.Vs rd gh Cached jgrk gSA ifj.kkeLo:i rhljk Version okLro esa Latest
jQuery Version dks Represent djrk gS vkSj tSls gh u;k jQuery Version Launch gksrk gS]
og vkidh Web Site ds fy, Available gks tkrk gS] tcfd jQuery dk Version 1 gh gksA
;fn Version dh “kq:vkr 2 ls gks xbZ] rks vkidks fQj ls vius Web Pages esa jQuery dks
Manually Latest Version ds fy, Modify djuk iMsxkA

vki le> gh x, gksaxs fd vki jQuery ds ftruk Latest Version ds fy, vius Web Pages
dks Create djsaxs] jQuery mrus gh de le; ds fy, User ds Web Browser esa Cache
gksxkA blfy, vki Lo;a gh fu.kZ; djsa fd vkidks viuh Web Site dh Performance c<kuh gS
;k vkidks Manual Changes ls cpuk gSA

19
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

;fn vki Performance c<kuk pkgrs gSa] rks vkidks Exact Version ds jQuery Library dks
vius Web Pates esa Include djuk pkfg,A tcfd ;fn vki vius Web Pages dks Future esa
Manually Change djuk ugha pkgrs] rks vkidks jQuery ds Latest Version ds CDN dks
Use djuk pkfg,A

oSls vius Web Pages dks geas”kk Latest Version ds CDN dks Use djus ds fy, Set djus
ij ,d ijs”kkuh vkSj Hkh gS vkSj oks ijs”kkuh ;s gS fd lkekU;r% fofHkUu u, Versions ds lkFk dqN
jQuery Functionalities dks Deprecate fd;k tkrk gS vkSj dqN ubZ Functionalities dks
Add fd;k tkrk gSA vc ;fn vki vius Web Pages esa fuEu esa ls fdlh CDN dks Use djrs
gSa%

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" ></script>

<script src="http://code.jquery.com/jquery.js" ></script>

<script src="http://code.jquery.com/jquery.min.js" ></script>

<script src="http://code.jquery.com/jquery-latest.min.js" ></script>

<script src="http://code.jquery.com/jquery-latest.js" ></script>

vkSj u, jQuery Version esa fdlh ,sls Method dks Deprecate dj fn;k x;k gS] ftls vki
viuh Web Site ij Use dj jgs gSa ;k vki ftl jQuery Method dks Use dj jgs gSa] mls
jQuery Library esa fdlh otg ls Modify fd;k x;k gS vkSj og Method vc Exactly oSlk gh
dke ugha djrk] tSlk ml le; djrk Fkk] tc vkius mls vius Web Page ij fdlh t:jr
dks iwjk djus ds fy, Use fd;k Fkk] rks Automatically Latest Version Set gksus dh otg ls
vkids Web Site ds os Pages Bhd ls dke djuk cUn dj nsaxs] tks igys dj jgs FksA

blfy, csgrj ;gh jgrk gS fd gesa”kk Exact Version ds CDN dk gh iz;ksx fd;k tk, vkSj tc
Hkh dksbZ u;k Version Launch gks] rks igys ;s r; dj fy;k tk, fd dgha ml u, Version esa
,slk dksbZ Change rks ugha fd;k x;k gS] tks vkidh Web Site ds Pages ds fy, Bhd u gksA

bl ckr dks fuf”pr djus ds ckn gh Manually jQuery Library dks u, Version ds fy,
Modify fd;k tk,] rkfd vkids Web Site dh Functionality ij dksbZ foijhr izHkko u iMs vkSj
;fn dqN foijhr izHkko iMs] rks vki rqjUr fiNys Version ds jQuery ij Switch dj ldsaA

;fn vki vkius Lo;a ds Web Server ij jQuery Library dks Host djuk ugha pkgrs cfYd
vki fdlh CDN dh jQuery Library dks gh vius Web Page esa Include djuk pkgrs gSa] rks
vkidks Google ds CDN dks gh Use djuk pkfg, D;ksafd orZeku le; esa lcls T;knk
Developers us Google CDN dks gh Use fd;k gSA

ifj.kkeLo:i T;knkrj lEHkkouk ;gh gksrh gS fd User tc vkidh Web Site Open djrk gS]
rks mlds Web Browser ds Cache esa igys ls gh Google CDN ls vkbZ gqbZ jQuery Library
Files Exist gksrh gS vkSj vkids Web Page ds fy, og File Download ugha gksrhA

ifj.kkeLo:i vkidk Web Page vkSj T;knk rsth ls User ds Web Browser esa Load gksrk
gSA lkFk gh fofHkUu Web Developers us Research djds ;s tkuk gS fd vU; CDNs dh

20
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

rqyuk esa Google dk CDN T;knk Fast gSA bl otg ls Hkh Google ds CDN dks izkFkfedrk
nsuh pkfg,A

vki ns[k ldrs gSa fd Google CDN dks Use djrs le; geus <script> Element ds src
Attribute esa Specify fd, x, URL esa Protocol (http, https) dks Specify ugha fd;k gSA

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" ></script>

geus ,slk blfy, fd;k gS D;ksafd Google ds CDN bu nksuksa Protocols dks Support djrs gSaA
blfy, ;fn fdlh dkj.k ls dHkh dksbZ Protocol dke u djs] rks ml fLFkfr esa Google CDN ls
jQuery Library Download ugha gks ik,xk D;ksafd lkekU;r% Google Lo;a http ls https ij
Redirect djrk gS vkSj Redirect Fail gks tkus dh fLFkfr esa ,slk gks ldrk gSA

blfy, tc ge Protocol dks Specify ugha djrs gSa] rks Web Browser Lo;a gh mi;qDr
Protocol dks Use djrs gq, Google CDN ls jQuery Library dks Download dj ysrk gSA
ysfdu ,slk flQZ Google CDN ds lkFk gksrk gSA

lkFk gh ,d vkSj /;ku j[kus okyh ckr ;s gS fd tc ge mijksDr rjhds ls Google CDN dks
Use djrs gSa] rc ;fn ge Local Computer ij Development djrs gSa] rks Local Computer
ds Web Browser ds Cache esa Stored jQuery Library Use ugha gksrk cfYd gesa”kk CDN ls
gh Library Download gksrk gSA

vr% ;fn Google CDN dks Use djus eas fdlh rjg dh ijs”kkuh vk jgh gks] rks vki “https”
Protocol ds lkFk mijksDr jQuery CDN dks fuEukuqlkj Specify dj ldrs gSa%

<script src="https//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></script>

<script src="https//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" ></script>

;kuh ;fn t:jr gks] rks gesa”kk “https” Protocol dks gh Use djuk pkfg,] http dks ughaA fQj
Hkh csgrj ;gh gS fd Development ds le; gesa gesa”kk gekjs Local Computer ij Stored
jQuery Library dks gh Use djuk pkfg, vkSj tc Web Site ;k Web Application iwjh rjg
ls rS;kj gks tk,] rc vius Local jQuery Library File dks Google CDN ls Replace dj
nsuk pkfg,A

Where to Embed jQuery Framework

pwafd] ge tkurs gSa fd jQuery ,d JavaScript Framework gS ;k ;fn vf/kd ljy “kCnksa esa
dgsa rks ,d External JavaScript File gSA blfy, ftl rjg ls ge fdlh External
JavaScript File dks vius Web Page esa ewy :i ls Head o Body Section esa Include
djrs gSa] mlh rjg ls ge bl jQuery Framework dks Hkh vius Web Page ds Head ;k
Body Section esa Include dj ldrs gSaA

fiNys mnkgj.k esa geus jQuery dks Head Section esa Include fd;k gSA ysfdu Professional
Development esa dHkh Hkh fdlh Hkh External JavaScript File dks Web Page ds Head
Section esa Include ugha fd;k tkrkA D;ks\a

21
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

D;ksafd fdlh Hkh vU; External Resource dh rjg gh JavaScript File Hkh Synchronous
rjhds ls Download gksrk gSA blfy, tc rd dksbZ JavaScript File Download gksdj Web
Browser ds Cache esa Save gksrk gS] rc rd Web Browser, Web Page ds fdlh Hkh vU;
Content dks Download ugha djrkA

ifj.kkeLo:i ;fn Web Browser esa Download gksus okyh JavaScript File dkQh cMh gks ;k
User ds Internet Connection dh Speed dkQh Slow gks] rks User dks ,slk eglwl gks
ldrk gS fd gekjk Web Page User ds Web Browser esa Download gh ugha gks jgk gS ;kuh
gekjk Web Page Hang gks x;k gSA tcfd Web Browser Internally gekjs Web Page ij
Linked fdlh JavaScript File dks Download dj jgk gksrk gSA bl fLFkfr esa og User gekjh
Web Site ls Move gks dj fdlh vU; Web Site ij tk ldrk gS] tks fd fcYdqy Hkh vPNh
ckr ugha gSA

lkFk gh lkekU;r% JavaScript File esa fy[ks x, Codes gekjs Web Page ds DOM ds lkFk
Interact djrs gSaA blfy, ;fn ge gekjs Web Page ds Head Section esa fdlh External
JavaScript File dks Attach djrs gSa vkSj ml JavaScript File esa dksbZ ,slk Code gS] tks fd
Current Web Page ds DOM ds lkFk Interact djrk gS] rks ml JavaScript File ds Codes
Fail gks tk,saxsA

D;ksafd tc og JavaScript File iwjh rjg ls Download gksus ds ckn Run gksxk vkSj Run gksrs
gh ml File ds Codes, Current Web Page ds DOM ds fdlh Element dks Access djus
dh dksf”k”k djsaxs] rks og Element Available gh ugha gksxk ftl ij og JavaScript Code
Action Perform dj ldsA D;ksafd og DOM Element rc Available gksxk] tc gekjs Web
Page dk Body Section, Web Browser esa Download gksxk] tcfd Head Section esa
Specified JavaScript File ds Download gksus ls igys Body Section Download gh ugha gks
ldrkA

blfy, csgrj ;gh jgrk gS fd fdlh Hkh External JavaScript File dks gesa”kk fuEukuqlkj
Closing Body Element </body> ls Just igys Include fd;k tk,A ,slk djus ij mijksDr
nksuksa izdkj dh leL;kvksa ls NqVdkjk fey tkrk gSA

File Name: jQueryEmbeding-beforeClosingBodyElement.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery - Embedding Before Closing Body Element in WebPage</title>
</head>

<body>
<h1>Other Codes Here</h1>

<script type='text/javascript' src="js/jquery-1.9.1.js"></script>

</body>
</html>

tc ge mijksDr Code ds vuqlkj Closing Body Element ls Just igys fdlh JavaScript
File ;kuh jQuery Library File dks vius Web Page esa Include djrs gSa] rc Web Page
Normal rjhds ls o T;knk rsth ls Web Browser esa Download o Render gksrk gS rFkk vUr

22
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

esa tc jQuery Library Download gksuk “kq: gksrk gS] rc rd iwjk Web Page, Web Browser
esa Download o Render gks pqdk gksrk gSA

ifj.kkeLo:i ;fn jQuery ;k fdlh vU; External JavaScript File ds Download gksrs gh
dksbZ JavaScript Code Run gksrk gS] ftls Current Web Page ds fdlh DOM Element dks
Access o Manipulate djus dh t:jr gksrh gS] rks ml JavaScript Code ds fy, DOM
iwjh rjg ls rS;kj jgrk gSA

Internal Architecture of jQuery

jQuery Library esa jQuery() uke dk ,d Single Global Function Define fd;k x;k gS] tks
fd ,d Self Invoking Function gSA ;kuh Web Browser dk JavaScript Interpreter bl
Function ds Codes dks Memory esa iwjh rjg ls Store djus ds rqjUr ckn bls Run Hkh dj
nsrk gSA

tc ge jQuery Framework Use djrs gSa] rks blh Function dk Function lcls T;knk ckj
Use fd;k tkrk gS] blfy, bls Refer djus ds fy, Global Symbol $ dks ,d Shortcut dh
rjg Use fd;k tkrk gSA

pwafd Web Browser ds Global Scope esa ftrus de Global Variables Attach gksrs gSa] Web
Browser ds JavaScript Codes ds Parsing dh Speed mruh gh de gks tkrh gSA blhfy,
jQuery Framework }kjk dsoy bUgha nksuksa Symbols (jQuery o $) dks Global Namespace
esa Define fd;k x;k gS] rkfd Web Browser ds Global Scope esa Extra Global Variables,
Functions vkfn Attach u gksa o jQuery dh Performance vPNh jgsA

pwafd JavaScript esa $ ,d Valid Symbol gS] ftls Variable ;k Identifier dh rjg Use
fd;k tk ldrk gSA blfy, ;fn ge pkgsa rks JavaScript esa fuEukuqlkj ,d ,slk Function
Define dj ldrs gSa] ftls $ Symbol ds ek/;e ls Call fd;k tk lds%

function $(value1, value2){

return value1+value2;
}

;fn ge bl Function dks Call djuk pkgsa] rks fuEukuqlkj Call dj ldrs gSa%

alert($(10, 20)); //Output: 30

blh rjg ls ;fn ge pkgsa rks fuEukuqlkj ,d Self Invoked Function Define dj ldrs gSa
ftlesa ,d vkSj Self Invoked Function gS%

(function(window, undefined){
var jQuery = (function(){
// Other Codes…

return jQuery;
})();

window.jQuery = window.$ = jQuery;

23
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

})(window);

tSlkfd vki mijksDr Code ns[kdj gh le> ldrs gSa fd ;s Code Factory Pattern ij
vk/kkfjr gS] D;ksafd ;s Code Function Expression Syntax dk iz;ksx djds ,d Anonymous
Function Object Create dj jgk gS vkSj fofHkUu Operations Perform djus ds ckn vUr esa
ml Function Object dk Reference Return dj jgk gSA

bl Code esa geus ,d Self Invoked Method Create fd;k gS vkSj Parameter ds :i esa
mlesa window Object dks Pass fd;k gS] rkfd tSls gh Web Page, Web Browser esa Load
gks vkSj window Object Ready gks tk,] ;s Self Invoked Function Run gks tk,A

tSls gh ;s Function Run gksrk gS] JavaScript Interpreter Control bl Outer Function ds
vUnj igqaprk gS vkSj jQuery uke dk ,d u;k Function Reference Create djrk gSA lkFk
gh blesa Specify fd, x, lHkh rjg ds Codes Define djus ds ckn ;kuh lHkh Codes dks
Memory esa Store djus ds ckn jQuery Object dks Return djrk gS] ftls Outer Function
esa window.jQuery o window.$ dks Assign dj fn;k tkrk gS] rkfd ftl Function Code
dks Memory esa jQuery uke }kjk Reference fd;k tk jgk gS mls window.jQuery o
window.$ }kjk Hkh Refer fd;k tk ldsA

tc fdlh Outer Function ls fdlh Inner Function dk Reference Return fd;k tkrk gS]
rks og Inner Function ,d izdkj dk Closure gksrk gS] tks fd Outer Function ds Run
gksdj Memory ls lekIr gks tkus ds ckn Hkh Execution ds fy, Exist jgrk gSA

ifj.kkeLo:i Inner Function ls Control ds Return gksus ds ckn Hkh jQuery Variable esa
Inner Function dk Scope Exist jgrk gSA blfy, ge bl Inner Code dks fQj ls Call
djds Reuse dj ldrs gSaA

pwafd ge bl Inner Function dks fQj ls Reuse djuk pkgrs gSa] blhfy, geus bl Object dks
Outer Function esa Defined window.jQuery o window.$ Global Variables dks Hkh
Assign dj fn;k gSA rkfd ;s nksuksa References Web Browser ds Global Scope dh
Property cu tk,sa vkSj tc Hkh gesa t:jr gks] ge buds ek/;e ls Inner Function ds Codes
dks fQj ls Reuse dj ldsaA

pwafd window gekjs Web Browser dk Global Object gksrk gS] blfy, ;fn ge pkgsa rks vius
Code esa window “kCn dks NksM Hkh ldrs gSaA ifj.kkeLo:i ;fn ge ml window “kCn dks NksM
nsa] rks vius Code esa ge Inner Function dks jQuery ;k $ ls Hkh Reference dj ldrs gSa
vkSj iwjs jQuery Library esa Define fd, x, lHkh Functions dks ge bUgha nksuksa “kCnksa }kjk
Refer djrs gSaA

vc ;fn ge pkgsa] rks vius lHkh Library Functions dks mijksDr Code ds Inner Function esa
Defined dj ldrs gSa vkSj jQuery ;k $ }kjk bl Function dks Call djds mu lHkh Inner
Library Functions dks Use dj ldrs gSaA tSls%

(function(window, undefined){
var jQuery = (function(){

return function(num1, num2){

return(num1+num2);

24
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

return jQuery;
})();

window.jQuery = window.$ = jQuery;

})(window);

alert($(10, 20)); //Output: 30

alert(jQuery(10, 20)); //Output: 30

Bhd blh rjg ls iwjh jQuery Framework ds fofHkUu Functions dks Inner Functions ds :i
esa Define fd;k x;k gS vkSj D;ksafd gekjh T;knkrj t:jrksa ls lEcaf/kr Functions dks igys gh
bl Library esa Define fd;k tk pqdk gS] blfy, gesa fQj ls bu Functions dks Define djus
dh t:jr ugha gS] cfYd ge lh/ks gh bu Functions dks Use dj ldrs gSa vkSj Bhd mlh rjg
ls Use dj ldrs gSa] ftl rjg ls geus mijksDr Code esa nksuksa Alert Box esa Use fd;k gSA

mijksDr Code dkQh ljy Code gS vkSj vklkuh ls le> esa vk ldrk gSA ysfdu ;fn vkidks
mijksDr Code le> esa ugha vk jgk gS] rks bldk eryc ;gh gS fd vkidks JavaScript dh
i;kZIr tkudkjh ugha gSA

blfy, bl fLFkfr esa vkids fy, gekjh lykg ;s gS fd vki gekjh iqLrd “Advance
JavaScript in Hindi” i<sa] rkfd mijksDr Code o bl iqLrd esa vkus okys ,sls gh dbZ vU;
Codes dh Internal Working dks vki csgrj rjhds ls le> ldsaA

gkykafd mijksDr Code dks le>s fcuk Hkh vki bl iqLrd esa vkxs vkus okys dkQh Concepts
dks le> ldrs gSaA ysfdu jQuery o jQuery tSls fdlh Hkh vU; JavaScript Framework dks
vklkuh ls o vPNh rjg ls le>us ds fy, t:jh gS fd vkidks JavaScript dk i;kZIr Kku gksA

25
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

Development
Environment
Setup

26
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

Development Environment Setup

vki dksbZ Hkh ubZ Programming Language lh[kuk pkgrs gksa] rks lh[kus dk lcls csgrj rjhdk
;gh gS fd ml Language ls lacaf/kr Basics o Fundamentals dks NksVs&NksVs Programs
cukrs gq, lh[kk tk, vkSj Program cukus ds fy, gesa gesa”kk fdlh u fdlh Text Editor ;k
IDE dh t:jr gksrh gSA

JavaScript Hkh ,d izdkj dh Programming Language ;k T;knk csgrj “kCnksa esa dgsa] rks ,d
izdkj dh Client Side Scripting Language gS] blfy, blls igys fd ge bl Language
dks le>sa] gesa JavaScript Programs dks Develop djus ls lEcaf/kr Basic Environment
Setup djus dh t:jr gS] rkfd iqLrd esa vkxs vkus okys Program Codes dh Working dks
vklkuh ls le>k tk ldsA

pwafd jQuery okLro esa JavaScript gh gS] blfy, bl iqLrd esa txg&txg geus jQuery
Programs dks JavaScript Programs Hkh fy[kk gS vkSj geus ,slk blhfy, fd;k gS rkfd
vkidks ;kn jgs fd gj jQuery Program okLro esa ,d JavaScript Program gh gSA

vU; lHkh Programming, Scripting o Markup Languages dh rjg gh JavaScript

Programs dks Hkh ge ,d Simple Text Editor esa fy[k ldrs gSa] ysfdu pwafd JavaScript ,d
Interpreter Based Programming Language gS vkSj JavaScript dk Interpreter lkekU;r%
Web Browser ds vUnj gh In-Built gksrk gS] blfy, lkekU;r% JavaScript dks Web Pages
dks Interactive cukus ds fy, Use fd;k tkrk gSA

ifj.kkeLo:i JavaScript Codes ewy :i ls Web Pages ds fy, gh mi;ksxh gksrs gSa vkSj
Web Pages Create djus ds fy, ftrus Hkh IDE (Integrated Development Environment)
orZeku esa miyC/k gSa] mu lHkh dks JavaScript Codes dks fy[kus ds fy, Use fd;k tk ldrk
gSA tSls Adobe DreamWeaver, Microsoft Visual Studio, NetBeans, Eclipse vkfnA

pwafd fdlh Hkh Program dks Develop djus esa dbZ Steps Involved gksrs gSa] tSls fd Source
Codes fy[kuk] mUgsa Compile ;k Interpret djuk] Bugs dks Identify djuk] mUgsa Debug
djuk] Maintain djuk] Test djuk o Deploy djukA bu lHkh dkeksa dks ,d gh LFkku ij iwjk
djus ds fy, ;fn dksbZ Software cuk fy;k tk,] rks ml Software dks IDE (Integrated
Development Environment) dgrs gSaA

gkykafd IDE fdlh Hkh Program dks Develop djus esa dkQh enn djrs gSa] ysfdu fQj Hkh ;fn
ge dksbZ ubZ Language lh[kus ds fygkt ls ns[ksa] rks IDE Qk;nk djus ds LFkku ij uqdlku
djrs gSaA

Notepad++
rks lcls igys Notepad++ Text Editor dks http://www.notepad-plus-plus.org/download/
Website ls Download djds vius Computer ij Install dhft,A ;s Text Editor Free
Available gSA Install djds Open djus ij ;s dqN fuEukuqlkj fn[kkbZ nsrk gS

27
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

pwafd HTML, CSS o JavaScript tSlh Scripting Languages, Web Browser esa gh
Interpret gksrs gSa vkSj budk Server Side ls dksbZ Direct Connection gksuk t:jh ugha gksrk]
blfy, JavaScript Codes ds Effects dks le>us ds fy, gesa gekjs Local Computer ij
fdlh Local Web Server dks Install djus dh t:jr ugha gS] cfYd JavaScript Codes
gesa”kk fdlh u fdlh HTML Web Page ls Link ;k HTML Web Page esa Embed gksrs gSa]
blfy, tSls gh ge Web Page dks fdlh Web Browser esa Open djrs gSa] JavaScript
Interpret gksus yxrk gSA

;kuh JavaScript Programming lh[kus ds fy, gesa fdlh External Software dh t:jr ugha
gSA gesa dsoy ,d Text Editor dh t:jr gS] tgka ge vius HTML, CSS o JavaScript
Codes dks fy[k ldsa o ,d Web Browser dh t:jr gS] tgka ge gekjs JavaScript Codes
ds Output dks ns[k ldsaA

Notepad+ dh Capabilities dks Extend djus ds fy, ge blesa viuh t:jr ds vuqlkj fofHkUu
izdkj ds Plug-ins dks Hkh Install dj ldrs gSaA fofHkUu izdkj ds Plug-ins Install djus ds fy,
gesa Notepad++ ds Plug-in Menu ds “Plugin Manager” Sub-Menu ds “Show Plugin
Manager” Option dks Click djuk gksrk gS vkSj gekjs lkeus fuEukuqlkj ,d Dialog Box
Open gksrk gS] ftlesa ge mu Plug-ins dks Select djds Install dj ldrs gSa] ftUgsa ge gekjs
Notepad++ Text Editor esa Include djuk pkgrs gSa tcfd Install gksus ds ckn ml Plugin
dks mi;ksx esa ysus ds fy, Hkh gesa blh “Plug-in” Menu esa gh tkuk gksrk gSA

28
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

blds vykok ;fn vki dksbZ IDE Use djuk pkgrs gSa] rks vki Aptana Studio Use dj ldrs
gSaA ;s ,d Advance IDE gS] blfy, bls bldh iwjh {kerk ds lkFk Use djus ds fy, vkidks
dqN Configuration djus dh t:jr iM ldrh gSA

Aptana Studio
;s ,d ,slk IDE gS] ftls Use djus ij vki viuk lkjk Code ,d gh LFkku ij fy[k ldrs gSa
vkSj mls blh Studio esa miyC/k Internal Web Browser esa Run djds mldk Output Hkh blh
Browser esa ns[k ldrs gSaA bl IDE dks vki
http://www.aptana.com/products/studio3/download Website ls Download dj ldrs gSa
vkSj ;s Hkh iwjh rjg ls Free gSA Install djds Open djus ij ;s IDE dqN fuEukuqlkj fn[kkbZ
nsrk gS%

29
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

bl IDE dh fo”ks’krk ;s gS fd bl IDE esa gh ,d Local Web Server o Internal Web

Browser Hkh gSA ftldh otg ls gesa gekjs Program dks Test ;k Debug djus ds fy, Text
Editor o Web Browser ds chp Switch ugha djuk iMrkA

bl IDE dks Use djus ds fy, lcls igys gesa fuEu fp=kuqlkj Option dks Click djds ,d
u;k Web Project Create djuk gksrk gS%

,d Dialog Box Display gksrk gS] tgka gesa gekjs Project dk uke Specify djds Next
Button ij ugha cfYd Finish Button ij Click djuk gksrk gSA ,slk djrs gh ,d u;k Project
Create gks tkrk gS] ftls ge IDE ds Left Side esa fn[kkbZ nsus okys “Project Explorer”
Tab esa ns[k ldrs gSaA fQj fuEu fp=kuqlkj ubZ File Create djuk gksrk gS%

30
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

fp= esa fn[kk, vuqlkj “New => File” ij Click djrs gh gekjs lkeus ,d Dialog Box vkrk gS]
ftlesa gesa gekjh File dk uke tSls fd “index.html” Specify djds “Finish” Button ij
Click djuk gksrk gS%

bl izdkj ls gekjs Project esa ,d ubZ File Add gks tkrh gS] ftlesa ge fuEukuqlkj HTML,
CSS ;k JavaScript Code fy[k ldrs gSa%

bl Web Page esa HTML, CSS, JavaScript Codes fy[kus ds ckn mldk Output ns[kus ds
fy, gesa vxys fp= esa fn[kk, vuqlkj IDE ds Standard Toolbar esa fn, x, “Show
Preview” Icon dks Click djuk gksrk gS vkSj gesa gekjs Page dk Output fuEu fp=kuqlkj
fn[kkbZ nsus yxrk gS%

31
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

bl IDE ds vykok Hkh dbZ vkSj IDEs gSa] ftudk iz;ksx Web Pages Create djus ds fy,
fd;k tk ldrk gSA mnkgj.k ds fy, vki NetBeans Hkh Use dj ldrs gSa] tks fd ewy :i ls
Java Development ds fy, Oracle Company }kjk Provide fd;k x;k IDE gS] ysfdu ge
bls Web Development ds fy, Hkh Use dj ldrs gSa vkSj ;s IDE Hkh dkQh Powerful o
Free Available gSaA

tcfd ;fn vki Use djuk pkgsa rks Visual Studio dk Express Edition Use dj ldrs gSa
tks fd iwjh rjg ls Free gS] ftls vki Microsoft dh Website ls Download dj ldrs gSa
vkSj ;s dkQh Advance Hkh gS D;ksafd ;s jQuery dks Internally Support djrk gSA

Visual Studio
;kuh tc ge jQuery Development ds fy, Visual Studio Use djrs gSa] rc gesa fcuk fdlh
rjg dk Configuration fd, gq, jQuery Frameworks ls lEcaf/kr Code Completion o
IntelliSense tSlh Advance lqfo/kk,sa Automatically fey tkrh gSA Visual Studio Install
djus ds ckn tc Run djrs gSa] rc ;s dqN fuEukuqlkj fn[kkbZ nsrk gS%

32
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

Visual Studio dk iz;ksx djrs gq, tc ge Web Page Design djuk pkgrs gSa] rc gesa fuEu
fp=kuqlkj FILE Menu ls New Option dks Select djrs gq, “Web Site…” Option dks
Click djuk gksrk gS%

tSls gh ge bl Option ij Click djrs gSa] gekjs lkeus fuEukuqlkj ,d Dialog Box Display
gksrk gS%

33
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

bl Dialog Box esa gesa fp= esa fn[kk, vuqlkj igys Option dks Select djuk gksrk gS vkSj
vius Project dk uke o mldk Path Specify djds OK Button ij Click djuk gksrk gSA

tSls gh ge OK Button ij Click djrs gSa] ,d Empty Project Create gks tkrk gS] ftlesa
ge gekjh t:jr ds vuqlkj vU; Files Create dj ldrs gSaA ubZ HTML File Add djus ds
fy, gesa fQj ls FILE Menu esa New Option dks Click djuk gksrk gS vkSj bl ckj gesa fuEu
fp=kuqlkj “File…” Option dks Select djuk gksrk gS%

tSls gh ge “File…” Option ij Click djrs gSa] gekjs lkeus fuEukuqlkj ,d u;k Dialog Box
vkrk gS] ftlesa fofHkUu izdkj dh Files esa ls ge ftl rjg dh File pkgsa oSlh File Create dj
ldrs gSaA ekuyks fd gesa ,d HTML File Create djuh gS] rks ge fuEu fp=kuqlkj “HTML
Page” Option dks Select djds “Add” Button ij Click dj ldrs gSa%

34
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

tSls gh ge “Add” Button ij Click djrs gSa] gekjs lkeus fuEu fp=kuqlkj ,d u;k Web
Page Open gks tkrk gS] ftls geus vHkh Add fd;k gS vkSj ;gh Page gekjs Web Project ds
Solution Explorer esa Hkh Add gks tkrk gS] ftls ge fuEu fp= esa ns[k ldrs gSa%

blh izdkj ls ge fofHkUu izdkj dh Web Project Files tSls fd XML, HTML, CSS,
JavaScript vkfn dks gekjs Current Web Project esa Add dj ldrs gSaA

pwafd ge gekjs Web Project esa jQuery dks Use djuk pkgrs gSa] blfy, lcls igys gesa gekjs
Web Project esa jQuery Framework dh JavaScript Library File dks Add djuk gksxkA
bl File dks ge http://jquery.com Website ls Download dj ldrs gSaA

35
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

bl File dks Add djus ds fy, gesa fuEu fp=kuqlkj vius Solution Explorer esa fn[kkbZ nsus
okys vius Web Project ij Mouse ls Right Click djuk gksxk o Display gksus okys Popup
Menu esa Add Option dks Select djds “Existing Items…” dks Click djuk gksxk%

tSls gh ge bl Option ij Click djrs gSa] gesa fuEu fp=kuqlkj ,d Dialog Box fn[kkbZ nsrk gS]
tgka gesa gekjh jQuery Library File dk Location Specify djds Add Button ij Click
djuk gksrk gS%

36
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

Add Button ij Click djrs gh gekjh jQuery Library File gekjs Web Project ds Solution
Explorer esa fuEu fp=kuqlkj Add gks tkrh gS%

tSlkfd ge mijksDr fp= esa ns[k ldrs gSa fd vc ge gekjh jQuery File dks vius Current
Web Project ds Current HTML Page esa <script> Element }kjk Embed dj ldrs gSa
vkSj tSls gh ge bls vius Current HTML Page esa Embed djrs gSa] ge blds fofHkUu
Methods dks fuEu fp=kuqlkj Code Completion List }kjk Access dj ldrs gSa%

bl izdkj ls ge jQuery Development ds fy, Visual Studio dks cMh gh vklkuh ls mi;ksx
eas ys ldrs gSa vkSj Visual Studio orZeku le; esa lcls Advance jQuery Development
IDE gSA

37
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

NetBeans
NetBeans Hkh dkQh vPNk Web Development IDE gS] D;ksafd tSls gh ge gekjs Web Page
ls jQuery Library dks Attach djrs gSa] fcuk fdlh rjg dk Configuration fd, gq, gesa
jQuery Framework ds lHkh Functions Come Completion o IntelliSense dh lqfo/kk ds
:i esa Available gks tkrs gSaA tc ge NetBeans dks Install djds Run djrs gSa] rc ;s gesa
dqN fuEukuqlkj fn[kkbZ nsrk gS%

pwafd dksbZ Hkh Web Project fdlh u fdlh Server Side Technology tSls fd PHP, JSP ;k
ASP.NET ls t:j lEcaf/kr gksrk gS] blfy, tc ge NetBeans dk iz;ksx djds Web
Project Create djuk pkgrs gSa] rc gesa Default :i ls PHP ;k JSP Based Web Project
Create djuk gksrk gS vkSj ge ;s eku jgs gSa fd gekjk Web Project, PHP Based Web
Project gSA

blfy, u;k Web Project Create djus ds fy, tc ge NetBeans ds File Menu ds New
Project Option ij Click djrs gSa] rc gesa fuEu fp=kuqlkj ,d Dialog Box fn[kkbZ nsrk gS%

38
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

pwafd NetBeans ,d ,slk IDE gS] ftlesa ge dbZ izdkj ds Applications Create dj ldrs
gSaA blfy, ;gka geus “Categories:” List Box esa PHP Option dks Select fd;k gS D;ksafd
ge ,d PHP Based Web Application Create djuk pkgrs gSaA

tSls gh ge Left Side ds List Box esa PHP Option dks Select djrs gSa] gesa Right Side esa
rhu Options fn[kkbZ nsus yxrs gSaA igyk Option ge rc Choose djrs gSa] tc ge u;k Web
Application Create djuk pkgrs gSa tcfd nwljk Option ge rc Select djrs gSa] tc gesa
igys ls cus gq, fdlh Project dks NetBeans IDE esa NetBeans Project ds :i esa Setup
djuk gksrk gSA

pwafd ge u;k Web Project Create djuk pkgrs gSa] blfy, gesa igys Option ;kuh “PHP
Application” dks Select djds “Next >” Button ij Click djuk gksrk gS vkSj ,slk djrs gh
gekjs lkeus fuEukuqlkj ,d u;k Dialog Box Display gks tkrk gS%

39
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

bl fp= esa fn[kk, vuqlkj gesa gekjs Web Project dk uke o gekjs Source Codes dks Store
djus dh Location ;kuh “Source Folder” dks Specify djuk gksrk gSA tcfd ;fn ge ftl
Folder esa u;k Project Create dj jgs gSa] og Folder Empty u gks] rks gesa mijksDr fp= esa
fn[kk, vuqlkj “Project Sources directory is not empty.” dk Message Hkh fn[kkbZ nsrk gSA
tSls gh Project dk uke o Source Folder Specify djds ge “Next >” Button ij Click
djrs gSa] gekjs lkeus fuEukuqlkj ,d vkSj Dialog Box Display gksrk gS%

bl Web Page esa gesa ;s crkuk gksrk gS fd ge gekjs Web Project dks fdl rjg ls Run
djuk pkgrs gSa] tks fd Default :i ls “Local Web Site” gksrk gS vkSj bls gh jgus nsuk pkfg,

40
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

tcfd Project URL esa gesa gekjs Local Host ds ml Folder dk Path crkuk gksrk gS] tgka
geus gekjs Web Site dks Save fd;k gSA

lkekU;r% ;s Local Web Server ds htdocs Folder esa Stored fdlh Folder dk Path gksrk
gS vkSj gekjk Current Path “http://localhost/jQuery/” gS D;ksafd geus gekjs jQuery Web
Site ds lHkh Pages dks vius Local Web Server ds htdocs Folder esa jQuery uke ds ,d
Folder esa Store fd;k gSA vc gesa fQj ls “Next >” Button ij Click djuk gksrk gS tgka gesa
fuEukuqlkj ,d vkSj Dialog Box izkIr gksrk gS%

;fn ge gekjs Web Application dks fdlh Framework ds vk/kkj ij Create djuk pkgrs gSa]
rks gesa gekjs Use fd, tkus okys Framework dks bl Dialog Box esa Select djuk gksrk gSA

pwafd ge Client Side Development ds fy, Web Pages Create dj jgs gSa] blfy, gesa
fdlh Framework dks Select djus dh t:jr ugha gSA blfy, ;gka gesa “Finish” Button ij
Click djuk gksrk gSA gekjk u;k Project Create gksus ds ckn gesa fuEukuqlkj fn[kkbZ nsrk gS] tks
fd iwjh rjg ls Blank gksrk gS%

41
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

vc gesa gekjs Web Project esa ,d ubZ HTM File Create djus ds fy, gesa File Menu ds
“New File” Option dks Click djuk gksrk gSA tSls gh ge bl “New File” Option ij Click
djrs gSa] gekjs lkeus fuEukuqlkj ,d u;k Dialog Box Display gks tkrk gS%

pwafd ge ,d HTML File Create djuk pkgrs gSa] blfy, Left Side ds “Categories:” List
Box esa gesa “Other” Option dks Select djuk gksrk gSA tSls gh ge bl “Other” Option dks
Select djrs gSa] Right Side ds List Box esa cgqr lkjs “File Types:” fn[kkbZ nsus yxrs gSa]
tgka gesa “HTML File” Option dks Select djds “Next >” Button dks Click djuk gksrk gSA
bls Click djrs gh gekjs lkeus fuEukuqlkj ,d u;k Dialog Box Display gksrk gS%

42
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

;gka gesa gekjh HTML File dk uke myjQuery.html Specify fd;k gSA /;ku j[ksa fd tks File
Create dh tk jgh gS] mldk Extension Specify djuk t:jh gSA tSls gh ge ;gka ij
“Finish” Button ij Click djrs gSa] ;s File gekjs NetBeans IDE esa fuEukuqlkj Add o
Open gks tkrh gS%

pwafd] ;gka Hkh ge NetBeans KDE dk iz;ksx jQuery Development ds fy, dj jgs gSa] blfy,
jQuery Supported cukus ds fy, gesa bl IDE esa gekjs jQuery Library File dks Add djuk
gksxkA

43
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

pwafd] Web Development esa Web Site ;k Application dks vklkuh ls Manage djus ds
fy, ge fofHkUu izdkj ds Resources dks mudh Categories esa gh Store djrs gSa] blfy,
jQuery dks Hkh ge gekjs Project esa ,d JavaScript Folder ds vUnj gh Store djrs gSa] rkfd
lHkh JavaScript Files dks Manage djuk vklku jgsA

bl t:jr dks iwjk djus ds fy, ge fuEu fp=kuqlkj “Source Files” Option ij Mouse ls
Right Click djds Display gksus okys Popup Menu ds ek/;e ls ge ,d u;k Folder Create
dj ldrs gSa%

tSls gh ge bl “Folder…” Option dks Click djrs gSa] gekjs lkeus fuEukuqlkj ,d u;k
Dialog Box Display gksrk gS%

44
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

pwafd jQuery ,d JavaScript File gS vkSj ge gekjh lHkh JavaScript Files dks ,d vyx
Folder esa Store djuk pkgrs gSa] blfy, ge gekjs u, Create gksus okys Folder dk uke
mijksDr fp= esa fn[kk, vuqlkj js j[k jgs gSaA tSls gh ge Folder dk uke Specify djds
Finish Button ij Click djrs gSa] gekjs IDE esa fuEu fp=kuqlkj ,d u;k Folder Create gks
tkrk gS%

vkSj tSlkfd mijksDr fp= esa fn[kkbZ ns jgk gS] tSls gh ge bl Newly Created Folder esa viuh
jQuery Library File dks Save djrs gSa] ;s File gesa gekjs NetBeans IDE esa fn[kkbZ nsus yxrh
gSA vc ge bls vius HTML Page esa <script> Element dk iz;ksx djrs gq, fuEukuqlkj
Embed dj ldrs gSa%

45
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

vc tSls gh ge dksbZ Hkh jQuery Code fy[krs gSa] fofHkUu jQuery Methods ls lEcaf/kr Code
Completion o Help fuEu fp=kuqlkj Automatically fn[kkbZ nsus yxrh gS%

tSlkfd ge le> ldrs gSa fd NetBeans Bhd Visual Studio dh rjg gh mi;ksxh gSA gkykafd
Visual Studio, JavaScript o jQuery ds ekeys esa fdlh Hkh vU; IDE ls T;knk csgrj gS]
D;ksafd dHkh&dHkh gesa jQuery ds fy, NetBeans dks Configure djus dh t:jr iMrh gS]
tcfd Visual Studio esa jQuery Configuration Inbuilt gS] blfy, fcuk fdlh ijs”kkuh ds ge
jQuery dks Visual Studio esa Directly Use dj ldrs gSa fQj Hkh vkidks tks IDE ilUn vk,]
vki mls Use dj ldrs gSaA ;s iwjh rjg ls vkidh bPNk ij fuHkZj gSA

;fn vki Server Side Scripting Language ds :i esa ASP.NET Use dj jgs gSa] rks Visual
Studio vkids fy, T;knk csgrj jgrk gS tcfd ;fn vki Server Side Scripting Language
ds :i esa PHP ;k JSP Use dj jgs gSa] rks vkids fy, NetBeans T;knk csgrj jgrk gSA

46
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

gkykafd JavaScript o jQuery iwjh rjg ls Client Side Development ls lEcaf/kr gSa] blfy,
ge bUgsa rc rd fdlh Hkh IDE esa vklkuh ls Use dj ldrs gSa] tc rd fd ge AJAX
rduhd dk iz;ksx ugha djrs gSaA ysfdu tc ge AJAX rduhd dk iz;ksx djrs gSa] rc
NetBeans o Visual Studio esa pquko djuk vkids fy, csgrj jgrk gSA

buds vykok DreamWeaver Hkh ,d cgqr gh Powerful IDE gS] ftls lkekU;r% Web
Development ds fy, Use fd;k tkrk gSA ysfdu D;ksafd ;s dkQh egaxk gS vkSj fcuk [kjhns gq,
ge bls mi;ksx esa ugha ys ldrs] blfy, ge blds ckjs esa dksbZ Discussion ugha djsaxsA

gkykafd DreamWeaver Hkh dkQh ljy IDE gS vkSj ge blesa fofHkUu izdkj dh
Requirements dks vklkuh ls iwjk dj ldrs gSa] ysfdu bldh ,d gh lcls cMh ijs”kkuh gS vkSj
oks ;s gS fd tc ge DreamWeaver dks Use djrs gq, Web Development djrs gSa] rks ;s
cgqr /kheh xfr ls dke djrk gS] tcfd vU; IDEs dkQh Fast gSaA

gkykafd vki mijksDr Discussion ds vuqlkj fdlh Hkh IDE ;k Notepad++ iz;ksx djds Web
Pages Create dj ldrs gSa] ftuesa JavaScript Codes fy[kdj mudk Effect le> ldrs gSa]
ysfdu fQj Hkh Development ds le; fo”ks’k :i ls Codes dh Debugging djrs le; o
Language dh Internal Working dks csgrj rjhds ls le>us ds fy, gesa dqN vkSj Special
izdkj ds Tools dh vDlj t:jr iMrh gS vkSj lkekU; :i ls ;s Tools, Web Browser cukus
okyh Companies us Default :i ls vius Web Browser esa ns j[kk gksrk gS] ftls
“Developer Tools” dgrs gSa] vkSj fofHkUu Web Browsers esa lkekU;r% bUgsa F12 Function
Key Press djds On/Off fd;k tk ldrk gSA

fQj Hkh Developer Tools ds ekeys esa Mozilla Firefox Web Browser lcls Powerful
Developer Tools Plugin ds :i esa Install djus dh lqfo/kk nsrk gS vkSj ;s Tool Hkh F12
Function Key }kjk Enable/Disable dj ldrs gSaA ;kuh ;fn vki Mozilla Firefox Web
Browser Use dj jgs gSa] rks fuEu Tools dks vius Web Browser esa Extension ds :i esa
t:j Install djsa%

1. http://www.getfirebug.com/
;s Tool okLro esa lHkh Web Developers ds fy, ,d cgqr gh mi;ksxh Tool gS] D;ksafd ;s
Tool Web Page Development o Debugging ls lacaf/kr yxHkx t:jh Tools dk ,d
Collection gSA

2. http://livehttpheaders.mozdev.org/
bl Tool dk iz;ksx djds ge Web Browser o Web Server ds chp Transfer gksus okys
Message dh Details izkIr dj ldrs gSaA

47
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

3. http://chrispederick.com/work/web-developer/
;s Tool Current Web Page ls lEcaf/kr yxHkx lHkh Elements dh tkudkjh o mUgsa
Handle o Control djus dh lqfo/kk nsrk gSA

;fn vki Firefox Web Browser dks T;knk mi;ksx esa ysrs gSa] rks bu rhuksa Tools ds lkFk dqN
le; O;rhr djuk vkids fy, dkQh Qk;nseUn jgsxkA ysfdu ;fn vki Google Chrome Web
Browser dks T;knk mi;ksx esa ysrs gSa] rks mijksDr lHkh Tools ds Lite ;k Alternative
Versions, Google Chrome Web Browser ds fy, Hkh Plug-in ds :i esa Available gSa] tks
fd F12 Function Key Press djus ij dqN fuEukuqlkj fn[kkbZ nsrs gSa%

Google Chrome ds fy, Firebug Tool dk ;s ,d Lite Version gSA blds vykok Google
Chrome dk Lo;a dk Hkh ,d Developer Tool gS] ftl dks ml fLFkfr esa F12 Function Key
}kjk Activate fd;k tk ldrk gS] tcfd vkius Google Chrome esa “Firebug Lite” Version
dks Install u fd;k gksA

48
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

ysfdu ;fn vkius “Firebug” ds Lite Version Extension dks Install fd;k gS] rks bl Default
Developer Tools dks Open djus ds fy, vkidks Google Chrome ds Tools Menu esa
tkdj “Developer Tools” Option dks Click djuk gksxkA ;s Tool dqN fuEukuqlkj fn[kkbZ
nsrk gSA

blds vykok Microsoft us vius Latest Web Browser ds lkFk Hkh viuk ,d Developer
Tool Provide fd;k gS vkSj og Hkh F12 Function Key }kjk gh Activate gksrk gS] tks fd
yxHkx Firebug Tool dh Exact Copy gSA ;s Tool dqN fuEukuqlkj fn[kkbZ nsrk gS%

buds vykok Apple Safari o Opera Web Browsers dk Hkh viuk Develop Tool gSA
mijksDr lHkh Tools ns[kdj vki le> gh x, gksaxs fd ;s lHkh Tools yxHkx ,d leku gh gSaA
blfy, vki pkgs tks Web Browser Use dj jgs gksa] vkidks bu Tools dks vPNh rjg ls Use
djuk vkuk gh pkfg,A

49
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

oSls Hkh ;fn vki Web Developer cuuk pkgrs gSa] rks vkids Computer esa lHkh Modern Web
Browsers Installed gksus pkfg,sa vkSj vkidks vius Web Page dks lHkh Modern Web
Browsers esa Test djuk pkfg,] rkfd vkidks irk py lds fd ,d gh Web Page
vyx&vyx Web Browsers esa fdruk vyx fn[kkbZ ns ldrk gSA

blds vykok gkykafd geus dqN Tools ds ckjs esa Discuss fd;k] ysfdu fofHkUu izdkj dh
Requirements dks iwjk djus gsrq fofHkUu Web Browsers ds cgqr lkjs Tools Plug-in ds :i
esa Available gSa] ftUgsa lqfo/kkuqlkj t:j mi;ksx esa ysuk lh[kuk pkfg,A

lkFk gh bu vyx&vyx Web Browsers ds “Developer Tools” esa Hkh dqN Special Types
ds vyx&vyx Options gSa] tks fdlh nwljs Web Browser ds Developer Tool esa miyC/k
ugha gSaA blfy, lHkh Web Browsers ds Developer Tools dks vPNh rjg ls le>uk vkids
fy, mi;ksxh jgsxkA

mnkgj.k ds fy, Internet Explorer dk Developer Tools Use djds ;fn ge Web Page ds
fdlh Code esa Change djrs gSa] rks ge ml Code dks Hard Disk ij ,d vyx File ds :i
esa Save djds j[k ldrs gS] tcfd ;s lqfo/kk fdlh Hkh vU; Web Browser ds Developer
Tools esa ugha gSA

;kuh ;fn vki dksbZ IDE ;k Text Editor Use u djsa] rks vki lh/ks gh Internet Explorer ds
Developer Tools dks ,d IDE dh rjg Use djrs gq, Hkh JavaScript Codes dks Interpret
dj ldrs gSa] u;k Web Page Create dj ldrs gSa] mldh Stylesheet cuk ldrs gSaA

;kuh gj Web Browser ds Developer Tools dh viuh fo”ks’krk gS blfy, vkidks lHkh Web
Browsers ds Developer Tools ds ckjs esa T;knk ls T;knk tkuuk pkfg, rkfd vkidks irk jgs
fd fdlh Specific Type dh Requirement dks iwjk djus ds fy, vkidks dkSuls Web
Browser ds Developer Tools dh t:jr gSA

Developer Tools Console

tc vki fofHkUu Web Browsers ds Developer Tools ;k Firebug Tool dks Inspect djsaxs]
rks vki ns[ksaxs fd mu lHkh Tools esa “Console” uke dk ,d Tab gSA ;s og LFkku gS] tgka ij
vki Directly JavaScript Codes fy[kdj lh/ks gh Web Browser esa Code dh
Functionality dk izHkko ns[k ldrs gSaA ;gh ugha] Web Browser esa Loaded fdlh Hkh Web
Page dks bl Console esa JavaScript Code fy[kdj ml Page ij JavaScript Code ds
Effect dks ns[kk tk ldrk gSA

50
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

tSlkfd mijksDr fp= esa ge ns[k ldrs gSa fd geus >>> Prompt ij fuEu Code fy[kk gS%
>>> alert("Hello. I am from the Console.");

tSls gh ge bl Code dks fy[kdj Enter Key Press djrs gSa] Web Browser esa fuEu
fp=kuqlkj ,d Alert Window Display gksus yxrk gS] ftlesa mijksDr Code esa fy[kk x;k
Message gh gksrk gS%

;fn ge ,d ls T;knk Lines dk JavaScript Code fy[kuk pkgsa] rks lHkh Codes ds vUr esa
“Semicolon” dk iz;ksx djrs gq, Multiple Lines dk Code fy[k ldrs gSaA tSls%

51
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

;fn ge pkgsa rks bl Firebug Tool ds bl Console dks Multiline Mode esa Hkh Open dj
ldrs gSaA blds fy, gesa bl Tool ds Bottom Right esa fn[kkbZ nsus okys Red Color ds
Button dks Click djuk gksrk gSA ifj.kkeLo:i ;gh Console fuEukuqlkj Multiline Mode esa
fn[kkbZ nsus yxrk gS%

tc ge Firebug ds Console dks Multiline Mode esa Use djrs gSa] rks JavaScript Code dks
Interpret djus ds fy, gesa Enter Key ds LFkku ij Ctrl+Enter Key Combination dks Use
djuk iMrk gSA

blh rjg ls Google Chrome Web Browser esa ;fn Ctrl+Shift+J Key Combination Use
fd;k tk,] rks gekjs lkeus fuEukuqlkj Google Chrome dk Default JavaScript Console
Display gks tkrk gS] ftls ge Bhd Firebug Console dh rjg gh Use dj ldrs gSa%

tcfd ;fn ge pkgsa rks Google Chrome ds Firebug Lite Version ds Console dks
Function Key F12 }kjk Activate dj ldrs gSa vkSj ;s gesa fuEukuqlkj fn[kkbZ nsrk gS%

tcfd blh dks Multiline Mode esa Open djus ij ;s fuEukuqlkj fn[kkbZ nsrk gS%

52
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

blh rjg ls Apple Safari Web Browser dk Developer Tool Exactly Google Chrome
ds Default Developer Tool dh rjg fn[kkbZ nsrk gS] tks fd dqN fuEukuqlkj gksrk gS%

Apple Safari Web Browser ds Developer Tools dks Activate djus ds fy, ge
Ctrl+Alt+I Key Combination dk iz;ksx dj ldrs gSaA

blh rjg ls ge Internet Explorer dk Hkh Console Use dj ldrs gSa] tks fd fuEukuqlkj gksrk
gS%

53
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

pwafd] ;s Developer Tool yxHkx iwjh rjg ls Firebug ds leku gS] blfy, ge bls Hkh
Multiline Mode esa Use dj ldrs gSa] ftlds fy, gesa bl Developer Tools ds Bottom
Right esa fn[kkbZ nsus okys Up-Arrow dks Click djuk gksrk gSA Multiline Mode esa ;s
fuEukuqlkj fn[kkbZ nsrk gS%

Multiline Mode esa iwjs JavaScript Code dks Run djus ds fy, gesa Ctrl+Enter Key
Combination dks Use djuk gksrk gS vU;Fkk ge “Run script” Button ij Click Hkh dj
ldrs gSaA

fofHkUu Web Browsers ds Developer Tools lkekU;r% Web Browser dh Screen ls

Dock ;k Connected jgrs gSa] ysfdu ge bUgsa Web Browser ds Window ls Un-Dock ;k
vyx Hkh dj ldrs gSa vkSj vyx djus ds ckotwn ;s ml Web Page ls Linked jgrs gSa] ;kuh
ml Web Page dh Information ls Associated jgrs gSa] ftl ij bUgsa Activate fd;k x;k
FkkA

gkykafd fofHkUu Web Browsers ds lHkh Consoles fcuk fdlh rjg dh ijs”kkuh ds
JavaScript Codes dks Interpret djus esa iwjh rjg ls l{ke gSa] fQj Hkh Firebug esjk
Favorite Console gS] D;ksafd ;s gesa ml le; Automatically IntelliSense dh lqfo/kk nsrk gS]
tc ge blesa viuk JavaScript Code Type dj jgs gksrs gSaA

54
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

;kuh ;s gesa Professional IDE dh rjg Code Type djrs le; Code Hint nsrk jgrk gS]
ftlls gesa JavaScript Codes dks ;kn j[kus vFkok iwjk Code Type djus dh t:jr ugha
jgrh] cfYd ge Code dks Select djds Tab Key ;k Enter Key dks Press dj ldrs gSaA

lkFk gh dsoy blh Console esa JavaScript Codes fofHkUu Color Text ds vuqlkj fn[kkbZ
nsrs gSa] ftlls JavaScript Codes fy[kuk dkQh vklku gks tkrk gSA tcfd vU; Web
Browsers ds Consoles esa lkjs JavaScript Codes Plain Text dh rjg fn[kkbZ nsrs gSaA

;kuh ge Firebug Console dks ,d izdkj ls JavaScript IDE dh rjg mi;ksx esa ys ldrs
gSaA bl lqfo/kk dks fuEu fp=kuqlkj le>k tk ldrk gS%

ysfdu ;s lqfo/kk gesa dsoy rc izkIr gksrh gS] tc ge Single Line Console Mode esa gksrs gSaA
Multiline Console Mode esa ;s Feature dke ugha djrk] gkykafd Multiline Mode esa Hkh
JavaScript Codes fofHkUu Color esa fn[kkbZ nsrs gSa] tks fd ,d Extra Benefit gSA

lHkh Web Browsers ds Developer Tools ds Console Window ds nks fgLls gksrs gSaA igyk
fgLlk og fgLlk gksrk gS] tgka ge JavaScript Codes fy[krs gSa] tcfd nwljk fgLlk og fgLlk
gksrk gS] tgka ml JavaScript Code ds Interpret gksus ij Return gksus okyk Output Display
gksrk gSA

bl Output Window esa Åij dh rjQ og JavaScript Code fn[kkbZ nsrk gS] tks Run gqvk gS]
tcfd uhps dh vksj ml Code ds Run gksus ls Return gksus okyk Output fn[kkbZ nsrk gSA bls
ge fuEu fp=kuqlkj csgrj rjhds ls le> ldrs gS%

55
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

;kuh ge bl Console dks fofHkUu izdkj ds Core JavaScript Codes dks Test djus ds fy,
Hkh Use dj ldrs gSa vkSj gesa gj JavaScript Code ds Effect dks ns[kus ds fy, vyx ls
Web Page Create djus dh t:jr ugha gS] ftlls JavaScript lh[kus ds fygkt ls le; dh
dkQh cpr gks tkrh gSA

tc ge Firebug ds Console dks JavaScript Codes ds fy, Use dj jgs gksrs gSa] rc gesa
Firefox Web Browser esa ,d Configuration Setting t:j djuh pkfg,] rkfd Firefox Web
Browser fdlh Hkh rjg dk Warning Message t:j Display djsA

D;ksafd lkekU;r% Warning Message Web Page ij fdlh rjg dk Direct izHkko ugha Mkyrs]
blfy, Default :i ls Firefox esa Warning Message Disabled jgrk gSA ysfdu ;fn gekjs
Web Page esa cgqr T;knk Warning Messages gksa] rks gekjs Web Page ds Web Browser
esa Load gksus dh Speed dkQh de gks tkrh gSA

blfy, tgka rd gks lds] gesa JavaScript ls lacaf/kr lHkh Warning Message dks Hkh
Resolve djuk pkfg,A ;fn ge ,slk djrs gSa] rks gekjk JavaScript Code iwjh rjg ls Bug
Proof cusxkA ;s Setting djus ds fy, gesa fuEu Steps Follow djus gksrs gSa%

1 Firefox Web Browser ds Addressbar esa about:config fy[kdj Enter djsaA

2 ,d Configuration Page fn[kkbZ nsxk ftlesa javascript.options.strict Option dks
Select djds Double Click djsaA

3 ,slk djrs gh bl Option dh Value Property esa false ds LFkku ij fuEu fp=kuqlkj
true Set gks tk,xk%

56
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

JavaScript Console ml le; cgqr mi;ksxh gksrs gSa] tc ge JavaScript lh[k jgs gksrs gSaA
D;ksafd lh[krs le; ge NksVs&NksVs Programs cukrs gSa o mu Programs ds Statements ds
Execution ds rjhds o dk;Ziz.kkyh dks le>us dh dksf”k”k djrs gSaA ml le; fy[ks x, Codes
fdlh Hkh rjg ls Practically ;k Professionally Useful ugha gksrsA

blfy, bu Codes dks Web Pages esa fy[kdj mu Web Pages dks Run djds JavaScript
Codes dk Effect ns[kus esa T;knk le; yxrk gSA tcfd Web Browser esa ge fdlh Hkh Web
Page dks Load djds ml ij JavaScript Codes ds Effect ns[kus ds fy, mu JavaScript
Codes dks lh/ks gh bu Console esa fy[k ldrs gSa] ftlls le; dh cpr gksrh gSA

lkFk gh dbZ ckj gekjs JavaScript Codes esa ,sls Bugs gksrs gSa] tks ;fn Web Page esa
Embedded gksa] rks mUgsa Find djuk vklku ugha gksrkA ,sls esa bl izdkj ds Buggy Codes dks
ge lh/ks gh bu Console esa fy[kdj Test dj ldrs gSa vkSj Codes ds iwjh rjg Debug gks
tkus ij mUgsa eq[; Web Page esa Embed dj ldrs gSa] ftlls bl ckr dh Surety gks tkrh
gS fd Web Browser ds Console esa vkius tks JavaScript Code fy[kdj Test fd;k gS] og
iwjh rjg ls Bug Free gSA ;kuh ;s Console ewy :i ls JavaScript Codes dks Test o
Debug djus esa gekjh dkQh enn djrs gSaA

Display Message in Console

tc ge Console esa dksbZ Message ;k fdlh Variable vFkok Object dh Values dks
Display djuk pkgrs gSa] rks gesa bl console Object ds log() Method dks Use djuk gksrk
gS vkSj bl log() Method esa ge tks Hkh Variable ;k String (Text written in Single or
Double Quote Pair) Specify djrs gSa] ml Variable esa Stored Value ;k String gesa
Console Window ds Output esa fn[kkbZ nsrh gSA

mnkgj.k ds fy, ;fn ge “Hello World” String dks Console Window esa Display djuk
pkgsa] rks ge Console Interpreter esa fuEukuqlkj Code fy[kdj ,slk dj ldrs gSa%

console.log("Hello World!");

tc ge ;s Code fy[kdj Enter Key Press djrs gSa] rks gesa fuEukuqlkj Output izkIr gksrk gS%

57
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

tSlkfd geus mijksDr Discussion }kjk tkuk] dksbZ Hkh Professional Development djus ds
fy, fofHkUu izdkj ds Development Tools igys ls Available gSa] ftUgsa gesa gekjh t:jr ds
vuqlkj Use djuk gksrk gSA

tc ge JavaScript ;k Client Side Web Development dh ckr djrs gSa] rc Hkh ge gekjh
bPNkuqlkj fdlh u fdlh IDE dks Use djds gh viuk Development djrs gSa D;ksafd IDE gesa
dbZ izdkj ds Basic Tools Provide djrs gSa] ftlls gekjk Development dk dke dkQh
vklku gks tkrk gSA

Client Side Web Development djrs le; Web Browsers gekjs Best Tools gksrs gSa]
D;ksafd orZeku le; esa miyC/k lHkh Web Browsers gesa Developer Tools Provide djrs gS]a
ftUgsa ge bu Web Browsers esa F12 Function Key }kjk Access dj ldrs gSaA

Firefox dk Firebug Tool ,d cgqr gh Powerful Tool gS] ftls ge JavaScript ;k jQuery
Codes dh Debugging djus ds fy, Use dj ldrs gSaA bu Tools dks Access djuk dkQh
vklku gS vkSj ;s Tools gesa gekjs JavaScript Codes esa gksus okyh Errors dh Hkh dkQh gn
rd Accurate tkudkjh ns nsrs gSa] ftuls ge gekjs JavaScript ;k jQuery Codes dks cMh gh
vklkuh ls Debug dj ldrs gSaA

58
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

jQuery
Fundamental
Internals

59
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

jQuery – Fundamental Internals

fiNys nks Chapters esa geus jQuery Framework dks vius Web Page esa Include djus ls
lEcaf/kr nks rjhdksa ds ckjs esa rFkk jQuery Development ls lEcaf/kr fofHkUu izdkj ds Tools o
IDEs ds ckjs esa foLrkj ls tkuk vkSj vc ge bl fLFkfr esa gSa fd ge jQuery ds Fundamental
Internals dks le>rs gq, Client Side Development dh “kq:vkr dj ldsaA rks pfy,] “kq:
djrs gSa jQuery Development vkSj cukrs gSa vius Web Pages dks T;knk Interactive, T;knk
Effective oks Hkh de ls de Codes }kjkA

The DOM (Document Object Model)

DOM ,d Application Programming Interface (API) gS] ftls XML ds fy, Define fd;k
x;k Fkk rkfd HTML Documents dks Extend fd;k tk ldsA DOM fdlh Hkh Document dks
Memory esa Nodes dh ,d Hierarchy ds :i esa Model djrk gSA HTML ;k XML
Document dk gj Element ;k Tag, Attribute o Text vkfn DOM ds Nodes dks
Represent djrs gSaA

ljy “kCnksa esa dgsa rks tc dksbZ Web Page, Web Browser esa Load gks tkrk gS] rc ml
Web Page ds lHkh Elements ,d Hierarchy ds :i esa Memory esa Organize gks tkrs gSaA
Memory esa Organized Web Page dh blh Hierarchy dks DOM Tree ;k Document
Object Model Tree dgk tkrk gSA

DOM Tree esa HTML Page dk gj Element fdlh nwljs Element ls Related gksrk gSA
blfy, DOM Tree ds fofHkUu Elements ds chp dh vkilh Relationship dks Represent
djus ds fy, lkekU;r% Family Relationship Model dks Use fd;k tkrk gSA DOM Tree ds
Concept dks le>us ds fy, ge ,d mnkgj.k ns[krs gSa] tks fd fuEukuqlkj gS%

File Name: DOMTree.html

<html>
<head>
<title>DOM Basics for JQuery</title>
</head>

<body>
<h1>This is heading1</h1>
<p>This is first paragraph.
<a href=”#”>This is first anchor</a>
<a href=”#”>This is first anchor</a>
<a href=”#”>This is first anchor</a>
</p>
</body>
</html>

bl Coding esa html Element Root Element gS] ftlds nks Child Element head o body
gSa] tcfd html Element, head o body Element dk Parent Element gSA

60
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

blh rjg ls h1, p o a Elements, body Element ds Child Elements gS] tcfd body
Element, bu lHkh h1, p o a Element dk Parent Element gSA

tcfd body o head Elements vkil esa Siblings gSa D;ksafd bu nksuksa Elements dk
Parent Element leku ;kuh html Element gSA

tc ;s HTML Web Page, Web Browser esa Load gksrk gS] rks lcls igys bldk In-
Memory Representation Create gksrk gS ;kuh DOM Tree Create gksrk gSA ifj.kkeLo:i
bl HTML Code dks DOM Tree Structure ds :i esa ge fuEukuqlkj Represent dj ldrs
gS%a

fdlh Document ds fofHkUu Elements ds Memory esa bl rjg ls Store gksdj Model gksus
dh O;oLFkk dks gh DOM ;k Document Object Model dgk tkrk gS] ftlesa Document ds
fofHkUu Elements, DOM ds ,d Node dks Represent djrs gSa vkSj gj Node ,d Object
dh rjg O;ogkj djrk gS] ftldh Lo;a dh dqN Properties o Behaviors gksrs gSaA

Document ds fofHkUu Contents dh ,d Tree cukdj DOM, fdlh Web Developer dks
vius Document ij iwjh rjg ls Control djus dh lqfo/kk iznku djrk gS D;ksafd JavaScript
tSlh fdlh Scripting Language ;k jQuery tSls fdlh Framework dk iz;ksx djds Web
Developer vius Document ds fdlh Node dks Remove dj ldrk gS] DOM esa u;k
Node Add dj ldrk gS] fdlh vokafNr Node dks Replace dj ldrk gS vFkok fdlh Node
dks Modify dj ldrk gSA

pwafd Web Browser esa Document Render gksus ls igys ml Document dk DOM Tree
Create gksrk gS] tks fd ml Document dk In-Memory Model gksrk gS vkSj Web Browser
ds Window esa ogh fn[kkbZ nsrk gS] tks DOM Tree esa gksrk gS] blfy, DOM esa fd, tkus okys
ifjorZuksa dk Effect rqjUr Web Browser esa Reflect gksrk gSA

vr% DOM Tree fdlh Hkh Client Side Scripting Language ds fy, ,d eq[; Source gksrk
gS] ftl ij og JavaScript tSlk Scripting Language fofHkUu izdkj ds Operations
Perform djds Document dks T;knk Interactive cukus esa l{ke gks ikrk gSA

61
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

DOM okLro esa ,d Standard gS] tks fd W3C }kjk Develop fd;k x;k gSA W3C }kjk bl
DOM ds vkt rd dqy rhu Levels Define fd, x, gSa vkSj rhuksa gh Specifications esa
DOM API ds :i esa cgqr lkjh Properties o Methods dks Define fd;k x;k gSA

DOM ds ckjs esa vkSj vf/kd foLrkj ls tkuus ds fy, vki gekjh “Advance JavaScript in
Hindi” iqLrd i< ldrs gSa] ftlesa DOM Level 0, DOM Level 1, DOM Level 2 o DOM
Level 3 }kjk Specified fofHkUu DOM APIs dks foLrkj ls le>k;k x;k gSA

jQuery Statement Description

vHkh rd ds Discussion ls ge le> ldrs gSa fd iwjs jQuery Library dk vk/kkj dsoy
jQuery() uke dk ,d Function gS vkSj ge iwjh jQuery Library dks bl Function ds ek/;e
ls Access djus esa l{ke gks ikrs gSaA fdlh Hkh jQuery Statement ds gesa”kk pkj fgLls gksrs gSa]
ftuesa ls jQuery() Function ds ckjs esa ge igys gh i;kZIr tkudkjh izkIr dj pqds gSa tcfd
vU; rhu fgLls dks fuEukuqlkj le>k tk ldrk gS %

;fn vki CSS (Cascading Style Sheet) ds ckjs esa tkurs gSa] rks vki fuf”pr :i ls le>
pqds gksaxs fd fdlh jQuery Statement ds mijksDr rhuksa fgLlksa esa ls Selector dk eryc D;k
gksrk gSA ysfdu ;fn vki CSS ds ckjs esa dqN Hkh ugha tkurs] rks fQj igys vkidks CSS ds ckjs
esa le>uk gksxkA

pwafd CSS vius vki esa ,d cgqr cMk Topic gS] tks fd fdlh Hkh Web Page dh Styling,
Designing o Layout dks Control djus ls lEcaf/kr fo’k; gSA blfy, CSS ds ckjs esa vPNh
rjg ls le>us ds fy, vki gekjh iqLrd “HTML5 with CSS3 in Hindi” i< ldrs gSaA
D;ksafd fcuk CSS ds i;kZIr Kku ds vki jQuery dks Bhd ls mi;ksx esa ugha ys ldrsA

jQuery() Function okLro esa Factory Pattern ij vk/kkfjr ,d Object gksrk gS] ftlds cgqr
lkjs Properties o Methods gSaA ;s Object jQuery Library Framework dh lHkh
Functionalities dk ewy Gateway gSA ;kuh jQuery Object ds lHkh Methods dks Call djus
dh “kq:vkr blh “kCn ls gksrh gSA

Selector
Selector ds :i esa gesa Web Page ds DOM Tree ds ml Element ;k Elements ds
Group dks Specify djuk gksrk gS] ftl ij gesa fdlh JavaScript Action ;k Operation dks
Perform djuk gksrk gSA mijksDr fp= esa ge ‘p’ ;kuh Paragraph Element dks Select dj
jgs gSa] ftl ij gesa fdlh JavaScript Operation dks Perform djuk gSA

62
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

Action
Action ds :i esa ge fdlh Operation dks Selected Element ij Apply djrs gSa] ftlls
lacaf/kr JavaScript Codes dks jQuery Library esa fy[kk x;k gSA mijksDr mnkgj.k esa ge
Selected ‘p’ ;kuh Paragraph Element ij ,d “CSS” Rule dks Action ds :i esa Apply
dj jgs gSaA

Parameters
Parameters ds :i esa ge jQuery() Method dks ;s crkrs gSa fd ge okLro esa Selected
Element ij fdl izdkj dk Action Apply djuk pkgrs gSaA mijksDr fp= esa fy[ks Codes ds
vuqlkj ge Selected ‘p’ ;kuh Paragraph Element ij ,d “CSS” Rule Apply dj jgs gSa
vkSj “CSS” Rule ;s gS fd Web Page ij mifLFkr lHkh Paragraph Elements dk color
Attribute, blue Value ls Set gks tk,A

pfy,] mijksDr jQuery Statement dks ge ,d mnkgj.k Program }kjk mi;ksx esa ysuk lh[krs
gSaA gekjs Web Page dk Markup fuEukuqlkj gS%

File Name: jQueryStatementDescription.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Example of jQuery Statement Description</title>
</head>
<body>
<h1>Example of jQuery Statement Parts</h1>
<p>The first part of the jQuery Statement is the jQuery() Function</p>
<p>The second part of the jQuery Statement is the Selector</p>
<p>The third part of the jQuery Statement is the Action</p>
<p>The fourth part of the jQuery Statement is the Parameters</p>

<script>
jQuery('p').css('color', 'blue');
</script>

<script type="text/javascript" src="js/jquery-1.9.1.js" ></script>

</body>
</html>

tSlkfd ge mijksDr Code }kjk le> ldrs gSa fd lcls igys geus gekjs Web Page esa ,d
Heading o pkj Paragraph Create fd, gSa vkSj Web Page ds vUr esa Closing Body
Element ls Just igys jQuery Library dks vius Web Page esa Include fd;k gS] rkfd ;s
jQuery Library rc Download gksuk “kq: gks] tc iwjk Web Page, Web Browser esa Load
gks pqdk gksA ;kuh Current Web Page dk DOM Tree iwjh rjg ls Create gks pqdk gksA

tc ge mijksDr Web Page vius Web Browser esa Load djrs gSa] rks gesa gekjk Web Page
fuEukuqlkj fn[kkbZ nsrk gS%

63
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

tSlkfd vki mijksDr fp= esa ns[k ldrs gSa fd gesa gekjs lkjs Paragraph Contents iwjh rjg ls
Blue Color esa fn[kkbZ ns jgs gSa tcfd geus gekjs Web Page ds Markup esa dgha Hkh dksbZ
CSS Style Specify ugha fd;k gS] tks fd Paragraph ds Color dks Blue dj nsA mijksDr
Web Page esa Paragraph ds Color dks Change djus dk dke fuEu jQuery JavaScript
Code dj jgk gS%

<script>
jQuery('p').css('color', 'blue');
</script>

bl jQuery Statement dk vlj ;s gksrk gS fd lcls igys jQuery() Function, Current

Page ds DOM Tree ls lHkh Paragraph Elements ds Nodes dk Reference Select
djds ,d jQuery Object ds :i esa Return dj nsrk gSA

fQj mu lHkh Selected Paragraph Elements ij jQuery dk css Action Perform gksrk gS
tks fd okLro esa ,d Method gS vkSj ;s Method, jQuery() Function }kjk lHkh Selected
lHkh Paragraph Elements dh CSS Property dks Modify dj nsrk gSA

CSS property dks Modify djus ds fy, ;s Method Parameters ds :i esa nks Arguments
Accept djrk gSA igyk Argument CSS Property dks Represent djrk gS tcfd nwljk
Argument ml CSS Property dh Value dks represent djrk gSA

pwafd geus gekjs mnkgj.k esa css() Method esa igys Argument ds :i esa “color” CSS
Property dks Specify fd;k gS tcfd nwljs Argument esa Value ds :i esa “blue” eku
Specify fd;k gSA ftldk ifj.kke ;s gksrk gS fd lHkh Selected Paragraph ds style
Attribute esa color Property dk eku blue Set gks tkrk gS vkSj Web Page ij fn[kkbZ nsus
okys lHkh Paragraphs dk Color Change gksdj Blue gks tkrk gSA

gekjs mnkgj.k esa geus “css” Action esa nks Parameters (color o blue) Pass fd, gSaA
ysfdu vyx&vyx jQuery Actions esa Parameters dh la[;k, fHkUu gks ldrh gSaA dqN
Actions esa Parameters dh la[;k 0 gks ldrh gS rks dqN Actions esa Parameter ds :i esa
fdlh vU; Function dks Specify fd;k tk ldrk gSA

bl rjg ls vki le> ldrs gSa fd fdruh vklkuh ls ,d gh Line ds Code }kjk geus iwjs
Web Page ds DOM Tree dh Traversing Hkh dj yh vkSj mu Elements ds DOM Nodes
dk Reference Hkh izkIr dj fy;k] ftuds Style dks Dynamically Modify djuk gS lkFk gh
geus mu lHkh Selected Elements dh Color Property dks Change djds mUgsa Style Hkh

64
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

dj fn;kA tcfd ;gh dke ;fn gesa Pure JavaScript esa djuk gksrk] rks gesa fuEukuqlkj
JavaScript Code fy[krs gq, viuk Web Page Create djuk iMrk%

File Name: ParagraphStylingViaPureJS.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Example of jQuery Statement Description</title>
</head>
<body>
<h1>Example of jQuery Statement Parts</h1>
<p>The first part of the jQuery Statement is the jQuery() Function</p>
<p>The second part of the jQuery Statement is the Selector</p>
<p>The third part of the jQuery Statement is the Action</p>
<p>The fourth part of the jQuery Statement is the Parameters</p>

<script>
var paragraphs = document.getElementsByTagName('p');

for (i = 0; i < paragraphs.length; i++) {

paragraphs[i].style.color = 'blue';
}
</script>
</body>
</html>

;s Web Page Hkh Exactly mlh rjg ls fn[kkbZ nsrk] tSlk fiNyk Web Page fn[kkbZ ns jgk gS
ysfdu bl Web Page esa gesa Lo;a fuEu Statement }kjk Current Web Page ds lHkh
Paragraph Elements dks Select djuk iMrk gS%

var paragraphs = document.getElementsByTagName('p');

;s Statement Current Web Page dh DOM Tree ls Paragraph Nodes ds References

dks Select djrk gS vkSj mu lHkh Nodes ds References dh List dks ,d NodeList
Object ds :i esa Return djrk gSA ifj.kkeLo:i DOM Tree esa gj Paragraph Element ds
Reference dks Access djus ds fy, gesa fuEukuqlkj ,d Traversing Loop Crete djuk
iMrk gS%

for (i = 0; i < paragraphs.length; i++) {

vkSj bl Loop ds Variable i ds ek/;e ls gesa paragraphs uke ds NodeList Object ls

,d&,d Paragraph Element ds Reference dks One-by-One Access djrs gq, muds
style Object ds color Property esa Value ds :i esa eku “blue” dks fuEukuqlkj Statement
}kjk Set djuk iMrk gSA

paragraphs[i].style.color = 'blue';

65
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

vki le> gh x, gksaxs fd ftl t:jr dks iwjk djus ds fy, geus jQuery ds dsoy ,d
Statement dk iz;ksx fd;k gS] mlh t:jr dks iwjk djus ds fy, Pure JavaScript esa gesa 4
Lines dk Code fy[kuk iM jgk gSA tcfd ;s rks cgqr gh lk/kkj.k lk mnkgj.k gSA ;fn ge
fdlh cMh Requirement dks Pure JavaScript }kjk iwjk djus dh dksf”k”k djsa] rks Pure
JavaScript Code Lines dh la[;k lSdMksa ;k gtkjksa esa Hkh gks ldrh gSA

bruk gh ugha gesa Cross-Browser Related cgqr ls vU; Issues dks Hkh /;ku esa j[kuk iMrk
gS vkSj Cross-Browser ijs”kkfu;ksa dks Bhd ls le>s fcuk ge Cross-Browser Codes ugha
fy[k ldrsA

ifj.kkeLo:i gesa cgqr lkjs Web Browsers dh Internal Workings, DOM API Supports,
W3C }kjk Specified Standards, DOM APIs vkfn cgqr lkjs Concepts dks cgqr gh xgjkbZ
ls le>uk iMrk gS] rHkh ge Pure JavaScript Code dk iz;ksx csgrj rjhds ls dj ldrs gSaA

ysfdu jQuery dks Use djrs le; gekjk iwjk Attention dsoy bl ckr ij gksrk gS fd gesa
gekjs Current Web Page ds DOM Tree ls fdl Element dks Select djuk gS vkSj ml ij
D;k Action Perform djuk gSA blds vykok tks Hkh dke djuk gksrk gS] jQuery Framework
Lo;a djrk gSA

Separate Everything – HTML, CSS and JavaScript

fiNys Web Page Example esa geus gekjs JavaScript Code dks Web Page ds Body Part
esa gh Define fd;k gS] tks fd dsoy Concept dks vklkuh ls le>us ds fy, gh fd;k x;k gSA

okLro esa tc Professional Development fd;k tkrk gS] rc JavaScript Codes dks dHkh Hkh
Web Page ds vUnj u rks Head Section esa Define fd;k tkrk gS u gh Body Section esa
Define fd;k tkrk gS cfYd lHkh JavaScript Codes dks ,d External File esa fy[kk tkrk gS
vkSj ml External File dks <script> Element dk iz;ksx djds Current Web Page esa
Include fd;k tkrk gSA

tc ge bl rjhds ls JavaScript Codes dks ,d External File esa Define djrs gSa vkSj
<script> Element dk iz;ksx djds mls Current Web Page esa Include djrs gSa] rks bl
izdkj ds JavaScript Code dks Unobtrusive JavaScript dgk tkrk gSA

dksbZ Hkh Web Page gesa”kk rhu Technologies dks Use djds Develop fd;k tkrk gSA

igyh Technology HTML gS tks fd Web Page ds Structure dks Define djrk gS vkSj bl
ckr dks r; djrk gS fd Web Page esa dkSulk Text Heading cusxk] dkSulk Text
Paragraph dh rjg Render gksxk] dkSulk Text List dh rjg fn[kkbZ nsxk vkSj dkSulk Text
,d Table Format esa Render gksxkA vkfnA

nwljh Technology ds :i esa ge CSS (Cascading Style Sheet) dks ns[k ldrs gSa] tks fd
fdlh Web Page ds Styling, Design o Layout dks Control djrk gSA ;kuh Web Page dk
dksbZ Heading fdl Color esa fn[kkbZ nsxk] Paragraph dk Font-Face o Size D;k gksxk]
Web Page dk Layout fdrus Columns dk gksxk] Header dh Size D;k gksxh] vkfn ckrksa
dks CSS Style Rules }kjk r; fd;k tkrk gSA

66
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

tcfd rhljh Technology ds :i esa JavaScript dks Use fd;k tkrk gS vkSj JavaScript
fdlh Web Page ds Behavior dks Control djrk gSA ;kuh JavaScript dk iz;ksx djds ge
;s r; djrs gSa fd Web Page ij fdlh Event ds Response esa dkSulk Action Perform
gksxkA

gkykafd bu rhuksa Technologies dks ge ,d gh HTML Page esa Use dj ldrs gSa vkSj bl
iqLrd ds T;knkrj mnkgj.kksa esa ge ,slk gh dj jgs gS]a ysfdu Professional Development
djrs le; ,slk ugha djuk pkfg,A D;ksafd ;fn ge ,slk djrs gSa] rks Web Page dks Update o
Manage djuk dkQh dfBu gks tkrk gSA

Is the Document Ready

ge rc rd HTML Page ds fdlh Hkh Element ds lkFk fdlh rjg dk dksbZ Interaction ugha
dj ldrs] tc rd fd og Element Web Browser esa Load u gks x;k gksA ;kuh tc rd ml
Web Page dk DOM Tree Create u gks x;k gksA ysfdu tc Web Page esa dkQh Images,
Objects, Frames o Resources dks mi;ksx esa fy;k tkrk gS] rc Web Page, Web
Browser esa iwjh rjg ls Load gksus esa dkQh le; yxkrk gSA blfy, jQuery esa ready() uke
dk ,d Special Function cuk;k x;k gSA

ready() Function ml le; Automatically Execute gks tkrk gS] tc Web Browser esa
Web Page dk Structure ;kuh DOM Tree rks iwjh rjg ls Organize gks pqdk gksrk gS]
ysfdu fofHkUu izdkj ds Resources tSls fd Images, Objects vkfn Load gksus “kq: gks jgs
gksrs gSaA

pwafd fdlh Hkh Web Page esa Images tSls Resources, Web Page dk iwjk Structure ;kuh
DOM Memory esa iwjh rjg ls Load gks tkus ds ckn Load gksuk “kq: gksrs gSa] blfy, fofHkUu
jQuery Codes dks bl ready() Method dh Body esa gh fy[kk tkrk gSA

ysfdu ;fn gesa fdlh Image dh Information dks Access djuk gks] rks gesa jQuery ds
ready() Function ds LFkku ij JavaScript ds window.onload Method dks mi;ksx esa ysuk
pkfg,] D;ksafd ;s Method rc Run gksrk gS] tc Images tSls fofHkUu Resources lfgr iwjk
Web Page, Web Browser esa Load gks pqdk gksrk gSA

;fn ge fdlh Web Page ds fdlh Image dh Information dks jQuery }kjk Access djuk
pkgsa] rks ge rc rd fdlh Image dh Information dks Access ugha dj ldrs] tc rd fd
fofHkUu Resources lfgr iwjk Web Page Web Browser esa Load u gks tk,] D;ksafd fofHkUu
Images, jQuery ds ready() Function ds Fire gks tkus ds ckn Web Browser esa Load gksuk
“kq: gksrs gSaA bl Function dks ge fuEukuqlkj rhu rjhdksa ls mi;ksx esa ys ldrs gSa %&

jQuery('document').ready(handler)
jQuery().ready(handler)
jQuery(handler)

;s rhuksa gh Statements ,d leku dke djrs gS]a blfy, ge bu rhuksa esa ls fdlh Hkh
Statement dks Use dj ldrs gSaA pwafd jQuery esa Default :i ls $ Symbol dks jQuery ds
Alias ds :i esa Use fd;k tk ldrk gS] blfy, ;fn ge pkgsa rks mijksDr rhuksa Statements
dks fuEukuqlkj Hkh mi;ksx esa ys ldrs gSa%

67
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

$('document').ready(handler)
$().ready(handler)
$(handler)

tc ge mijksDr Statements ds igys Format dks Use djrs gSa] ;kuh tc ge gekjs Web
Page ds DOM Tree ds Ready gks tkus dh tkudkjh izkIr djus ds fy, fuEukuqlkj
Statement dks Use djrs gSa%

jQuery('document').ready(handler)

//or

$('document').ready(handler)

rks bl Statement ds Hkh pkjksa fgLlksa dks ge fuEukuqlkj Specify dj ldrs gSa%

jQuery()

//or

$()

tSlkfd ge tkurs gSa fd ;s Function jQuery dk Gateway gS vkSj blh ds }kjk ge

JavaScript dh fofHkUu Functionalities dks izkIr dj ldrs gSaA

jQuery('document')

//or

$('document')

pwafd ge ;s tkuuk pkgrs gSa fd gekjk Current Web Page dk DOM Tree iwjh rjg ls
Create gks x;k gS ;k ugha] ;kuh gekjk Web Page ftls Document Hkh dgrs gSa] iwjh rjg ls
Web Browser ds window Object ds document Property esa Load gks x;k gS ;k ugha]
blfy, geus jQuery Function esa document Object dks Parameter ds :i esa Pass fd;k
gS] D;ksafd bl Statement esa tks Action Perform gks jgk gS] og bl document Object ij
gh Perform gks jgk gSA

jQuery('document').ready()

//or

$('document').ready()

bl Statement esa Specify fd;k x;k ready() Method ml le; Automatically Execute
gks tkrk gS] tc gekjs Web Page dk Document Tree, Web Browser ds document
Object esa iwjh rjg ls Load gks pqdk gksrk gSA

68
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

pwafd ge Hkh ;gh pkgrs gSa fd tc rd Web Page dk DOM Tree iwjh rjg ls Create u gks]
rc rd dksbZ Hkh JavaScript Code Run u gks ysfdu ge ,slk Hkh pkgrs gSa fd gekjk dksbZ Hkh
JavaScript Code Run gksus ds fy, mls Web Page ds Web Browser esa iwjh rjg ls Load
gksus ;kuh fofHkUu Resources tSls fd Images, Objects, Frames vkfn ds iwjh rjg ls Load
gksus dk Wait Hkh u djuk iMs vkSj blh t:jr dks ready() Method iwjk djrk gSA

jQuery('document').ready(handler)

//or

$('document').ready(handler)

vUr esa handler ds :i esa gesa og JavaScript Code fy[kuk gksrk gS] ftls ge gekjs
Document ;kuh Web Page ds DOM Tree ds iwjh rjg ls Create gksrs gh Execute djuk
pkgrs gSaA

lkekU;r% gesa DOM Tree ds Create gksrs gh tks JavaScript Code Run djus gksrs gSa] mUgsa
ge ,d Function ds :i ls Define dj nsrs gSa vkSj ml Function dk uke gh bl handler
Parameter ds :i esa Specify djrs gSaA

pwafd JavaScript esa ge nks izdkj ds Syntaxes dk iz;ksx djrs gq, fdlh Function dks
Create dj ldrs gSa%

1 Function Definition Syntax

2 Function Expression Syntax

nksuksa gh izdkj ds Functions dk viuk vyx egRo gS] ftuds ckjs esa ge ;gka T;knk Detail esa
tkuus dh dksf”k”k ugha djsaxs D;ksafd ;fn vki JavaScript tkurs gSa] rks vkidks bu nksuksa gh
izdkj ds Functions ds ckjs esa vPNh rjg ls irk gksxk vkSj ;fn vki bu nksuksa izdkj ds
Functions dh dk;Ziz.kkyh o buds chp ds vUrj dks ugha tkurs] rks vkidks gekjh iqLrd
“Advance JavaScript in Hindi” i<uk pkfg,] ftlesa bu nksuksa izdkj ds Functions ds ckjs
esa o bUgsa mi;ksx esa ysus ds ckjs esa vPNh rjg ls le>k;k x;k gSA

tc ge Function Expression Syntax dk iz;ksx djrs gq, dksbZ Function Create djrs gSa] rks
lkekU;r% Create gksus okyk Function ,d Anonymous Function gksrk gSA ;kuh Create
gksus okyk Function ,d ,slk Function gksrk gS] ftldk dksbZ uke ugha gksrkA

gkykafd ge Function Expression Syntax dk iz;ksx djds tc dksbZ Function Create

djrs gSa] rks JavaScript Interpreter ml Function Code dks Memory esa Store djus ds ckn
ml Memory Location dk ,d Address Return djrk gS] ftls ge fdlh Variable esa
Store djds j[k ldrs gSa vkSj bl Variable dks ge “C” Language ds Function Pointer
dh rjg Use djrs gq, ml Anonymous Function dks tc pkgsa rc Parenthesis ds lkFk
Specify djrs gq, Call dj ldrs gSaA

bls le>us ds fy, ge ,d mnkgj.k ns[krs gSaA ekuyks fd ge pkgrs gSa fd tSls gh DOM iwjh
rjg ls Ready gks tk,] gesa ,d Alert Box fn[kkbZ ns] ftlesa DOM ds iwjh rjg ls Ready

69
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

gksus dh Information gksA bl t:jr dks iwjk djus ds fy, ge fuEukuqlkj viuk Web Page
Create dj ldrs gSa%

File Name: DOMisReadyFunctionExpressionSyntax.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DOM is Ready - Function Expression Syntax</title>
</head>

<body>

<script type='text/javascript' src="js/jquery-1.9.1.js"></script>

<script>

var showAlert = function () {

alert('jQuery ready event fired because DOM is loaded.');
}

jQuery('document').ready(showAlert);
</script>
</body>
</html>

bl Webpage dks tSls gh Web Browser esa Load fd;k tkrk gS] ,d Alert Dialog Box
Display gksrk gS] ftlesa Message ds :i esa “jQuery ready event fired because DOM
is loaded.” fy[kk gksrk gSA

,slk blfy, gksrk gS] D;ksafd tSls gh Current Web Page dk DOM Tree iwjh rjg ls Create
gks tkrk gS] jQuery dk ready() Method Execute gks tkrk gSA bl ready() Method esa
Handler ds :i esa geus showAlert uke ds Variable esa Stored ,d Anonymous
Function dk Address Pass gksrk gSA

ifj.kkeLo:i ready() Method ml Anonymous Function dks Call djrk gS] ftldk
Address showAlert uke ds Variable esa Stored gS vkSj blh Anonymous Function esa
geus fuEukuqlkj ,d alert() Method dks Specify fd;k gS] tks bl ckr dks Message ds :i
esa Display djrk gS] fd DOM iwjh rjg ls Load gks pqdk gS%

var showAlert = function () {

alert('jQuery ready event fired because DOM is loaded.');
}

tSlkfd geus igys Hkh dgk fd ge JavaScript esa fdlh Function dks nks rjhdksa ls Specify
dj ldrs gSaA fiNys mnkgj.k esa geus Function Expression Syntax dk iz;ksx djrs gq, ,d
Anonymous Function dk Address, showAlert uke ds Variable esa Store fd;k Fkk]
tcfd blh Function dks ge fuEukuqlkj Function Definition Syntax dk iz;ksx djrs gq,
Hkh Create dj ldrs gSa%

70
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

File Name: DOMisReadyFunctionDefinitionSyntax.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DOM is Ready - Function Definition Syntax</title>
</head>

<body>

<script type='text/javascript' src="js/jquery-1.9.1.js"></script>

<script>

function showAlert() {
alert('jQuery ready event fired because DOM is loaded.');
}

$('document').ready(showAlert);
</script>
</body>
</html>

tc ge bl Web Page dks Web Browser esa Load djrs gSa] rks ;s Web Page Hkh Exactly
mlh rjg ls ,d Alert Box Show djrk gS] ftl rjg ls fiNyk Web Page djrk gS] ysfdu
bl Web Page esa geus ,d Anonymous Function dks jQuery ds ready() Method esa
Handler ds :i esa Pass ugha fd;k gS] cfYd ,d JavaScript Function ds uke dks Pass
fd;k gSA gkykafd Internally nksuksa yxHkx ,d gh rjg ls dke djrs gSa] ysfdu nksuksa ds Scope
o Availability esa vUrj gS] ftlds ckjs esa vki Detail ls “Advance JavaScript in Hindi”
iqLrd esa i< ldrs gSaA

tSlkfd geus igys Hkh dgk fd tc Hkh ge dksbZ Anonymous Function Create djrs gSa]
JavaScript Interpreter ml Anonymous Function ds Code dks Memory esa Store djds
ml Memory dk ,d Address Return djrk gS] ftls ge fdlh Variable esa Store dj
ldrs gSa vkSj fQj ml Variable ds lkFk Parenthesis dk iz;ksx djrs gq, mlh Anonymous
Function dks t:jr gksus ij fQj ls Call dj ldrs gSa] D;ksafd og Variable ,d izdkj ls “C”
Language ds Function Pointer dh rjg dke djus yxrk gSA

lkFk gh JavaScript esa gj Function ,d izdkj dk First Class Object gksrk gS] blhfy, ge
fdlh Function ds uke dks fdlh nwljs Function ;k Method esa Parameter ds :i esa Bhd
mlh rjg ls Pass dj ldrs gSa] ftl rjg ls fdlh lkekU; Data Type ds eku ;k Variable
dks Pass djrs gSa vkSj ,slk gh geus gekjs fiNys nksuksa mnkgj.kksa esa fd;k gS ;kuh geus gekjs
Function Object ds uke dks gh ready() Method esa handler Argument ds :i esa Pass
fd;k gSA

le>us okyh ckr ;s gS fd tc ge fdlh Anonymous Function ds Pointer dks jQuery esa
fdlh Method esa Argument dh rjg Pass dj ldrs gSa] rks fQj ge fdlh Anonymous

71
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

Function dks Hkh Directly fdlh nwljs Function esa Specify dj ldrs gSaA ;kuh ;fn ge pkgsa]
rks ge gekjs fiNys mnkgj.k dks fuEukuqlkj Hkh Re-Create dj ldrs gSa%

File Name: DOMisReady-AnonymousFunctionAsArgument.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DOM is Ready - Anonymous Function as Argument</title>
</head>

<body>

<script type='text/javascript' src="js/jquery-1.9.1.js"></script>

<script>
jQuery('document').ready(function () {
alert('jQuery ready event fired because DOM is loaded.');
});
</script>
</body>
</html>

tc ge bl Web Page dks Web Browser esa Load djrs gSa] rks ;s Web Page Hkh Exactly
mlh rjg ls ,d Alert Box Show djrk gS] ftl rjg ls fiNys nksuksa Web Pages Show
djrs gS vkSj ,slk blfy, gksrk gS] D;ksafd geus ,d Anonymous Function dks lh/ks gh
ready() Method esa Parameter ;k Argument ds :i Pass dj fn;k gSA

pwafd] ge tkurs gSa fd JavaScript bl Anonymous Function dks Memory esa Store djds
mldk Pointer Return djrk gS] ftls ;fn ge pkgsa rks fdlh Variable esa Store djds ml
Variable dks fdlh Method esa Parameter dh rjg Pass dj ldrs gSa tcfd ;fn ge u
pkgsa] rks ge Anonymous Function dks lh/ks gh fdlh Function esa Argument dh rjg Pass
dj ldrs gSaA

Function Expression Syntax okys mnkgj.k esa geus Anonymous Function ds Pointer dks
showAlert uke ds Variable esa fuEukuqlkj Save fd;k Fkk%

var showAlert = function () {

alert('jQuery ready event fired because DOM is loaded.');
}

vkSj blh Variable esa Stored Address dks ready() Method esa Parameter ds :i esa Pass
djds ready() Method ds handler Variable dks fuEukuqlkj Initialize fd;k Fkk%

$('document').ready(showAlert);

tcfd gekjs fiNys mnkgj.k esa geus gekjs fuEu Anonymous Function ds Address dks fdlh
Variable esa Store ugha fd;k gS%

72
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

function () {
alert('jQuery ready event fired because DOM is loaded.');
}

cfYd bls lh/ks gh ready() Method esa fuEukuqlkj ,d Argument dh rjg Pass dj fn;k gS%

ready(function () {
alert('jQuery ready event fired because DOM is loaded.');
});

bls ge fuEukuqlkj Hkh fy[k ldrs gSa%

ready(function () {alert('jQuery ready event fired because DOM is loaded.'); });

mijksDr Statement }kjk vki le> ldrs gSa fd bl ckj ready() Method esa geus gekjs fdlh
Anonymous Function ds Pointer dks Store djus okys Variable dks Argument dh rjg
Pass ugha fd;k gS cfYd lh/ks gh Anonymous Function dks Parameter dh rjg Pass dj
fn;k gSA

tc JavaScript Interpreter ready() Method dks Execute djrk gS] rks mls Parameter ds
:i esa ,d Anonymous Function Definition izkIr gksrk gSA ifj.kkeLo:i JavaScript
Interpreter ml Anonymous Function dks Memory esa Store djrk gS vkSj ml Memory
dk Address Return djrk gS] tks fd ready() Method ds handler Argument dks izkIr gks
tkrk gSA

ifj.kkeLo:i gesa showAlert uke dk dksbZ Variable Create djus dh t:jr ugha jgrh vkSj
ge ogh dke bl Anonymous Function }kjk Hkh iwjk dj ysrs gSa] ftls fiNys nksuksa mnkgj.kksa esa
showAlert uke ds Function Name ;k Function Pointer }kjk iwjk fd;k FkkA

tc ge jQuery Library dk iz;ksx djrs gq, vius Web Pages dks Interactive cukrs gSa] rc
fdlh Hkh Web Page esa jQuery('document').ready(); Statement dks dsoy ,d gh ckj
Specify fd;k tkrk gS] D;ksafd dksbZ Hkh Web Page, Web Browser esa ,d ckj gh Load gksrk
gS] tc rd fd ge gekjs Web Page dks fQj ls Reload u djsaA blfy, lkekU;r% gesa gekjs
ftrus Hkh jQuery Codes fy[kus gksrs gSa] mUgsa ge blh ready() Method esa fy[krs gSaA

geus igys dgk Fkk fd jQuery Library File dks gesa”kk Closing Body Element ds Just igys
Specify djuk pkfg,] tcfd fiNys rhuksa gh mnkgj.kksa esa geus jQuery Library File dks igys
Specify fd;k gS vkSj vius JavaScript Code dks ckn esaA geus ,slk blfy, fd;k gS D;ksafd
Web Browser esa dksbZ Hkh Web Page Left to Right o Top to Bottom Step by Step
Render gksrk gSA

blfy, tc ge gekjs JavaScript Code esa jQuery() Method dks Use djrs gSa] rc mldk
igys ls gh Memory esa Available gksuk t:jh gksrk gS vkSj ,slk rHkh gks ldrk gS tcfd ge
jQuery Library File dks vius JavaScript Code ls igys Specify djsaA ;fn ge ,slk ugha
djrs gSa] rks gekjk og JavaScript Code Run ugha gksrk] ftlesa geus jQuery() Function dks
Use fd;k gSA

73
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

blh izdkj ls ;fn ge gekjs ml JavaScript Code dks fdlh External JavaScript File esa
fy[krs gSa] ftlesa jQuery() Function dks Use fd;k x;k gS] rks gesa gekjh External
JavaScript File dks Current Web Page esa Include djus ls igys jQuery Library File dks
Include djuk t:jh gksrk gSA

mnkgj.k ds fy, ekuyks fd ge gekjs fiNys Web Page dks fuEukuqlkj nks vyx Files ds :i
esa Create djrs gSa] tgka HTML File esa dsoy Web Page dk Structure gS] tcfd gekjs
JavaScript Codes dks ge ,d nwljh File esa fy[k jgs gSa%

File Name: ExternalJSFile.js

jQuery('document').ready(function () {
alert('jQuery ready event fired because DOM is loaded.');
});

File Name: HTMLFile4ExternalJSFile.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HTML File for External JavaScript File</title>
</head>

<body>

</body>
</html>

tSlkfd mijksDr Code esa ge ns[k ldrs gSa fd ;fn ge bl rjg ls nks Files Create djrs gq,
geus viuh JavaScript Codes File dks ,d External File dh rjg Create djrs gSa] rks gesa
mijksDr HTML Code vuqlkj viuh External JavaScript File dks jQuery Library File ds
ckn esa <script> Element }kjk Include djuk gksrk gSA

;fn ge gekjh bl Modified File dks Web Browser esa Load djsa] rks ;s Web Page Hkh
Exactly igys okys Web Page dh rjg gh dke djrk gSA ysfdu ;fn ge fuEukuqlkj viuh
External jQuery File dks igys Specify dj nsa vkSj ckn esa jQuery Library dks Specify djsa%

<script type="text/javascript" src="js/ExternalJSFile.js" ></script>

<script type="text/javascript" src="js/jquery-1.9.1.js" ></script>

rks fuEu fp=kuqlkj Firebug Console esa ge ns[k ldrs gSa fd gesa “RefenceError: jQuery
is not defined” dk Error izkIr gksrk gS] ftldk eryc ;gh gS fd gekjh External
JavaScript File dk Code Run gksrs le; geus jQuery() uke dk tks Function Use fd;k
gS] og Function Memory esa Exist ugha gSA ftldk dkj.k ;gh gS fd geus jQuery() Function
dks viuh External JavaScript File ds Code esa igys gh Use dj fn;k gS] tcfd jQuery
Library dk jQuery() Function gekjs JavaScript Code ds Run gks tkus ds ckn Memory esa
Load gksrk gSA

74
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

bl rjg ls gesa gesa”kk bl izdkj dh Errors Create u gks] bl ckr dk /;ku j[kuk gksrk gS vkSj
ge ;fn jQuery() Function dks Use dj jgs gSa] rks gekjs JavaScript Code ds Execute gksus
ls igys jQuery Library dk Memory esa Exist gksuk t:jh gksrk gSA

blh rjg ls ;fn ge fdlh External CSS dks Use dj jgs gSa] rc Hkh gesa bl ckr dk /;ku
j[kuk gksrk gS fd External JavaScript File esa Specified fdlh CSS Rule dks vius
JavaScript Code esa Use djus ls igys og JavaScript File Memory esa Exist gksuh pkfg,A

;kuh ;fn ljy “kCnksa esa dgsa] rks ge jQuery Library ds ek/;e ls ftl fdlh Hkh Resource dks
Use djuk pkgrs gSa] og Resource igys ls Memory esa Exist gksuk t:jh gksrk gS] vU;Fkk
gekjk Code Fail gks tkrk gSA

geus igys Hkh dgk Fkk fd jQuery dk ready() Method, gekjs Web Page dk DOM Tree
Create gksrs gh Run gks tkrk gS] tcfd gekjs Web Page ds vU; Resources tSls fd
Images, Objects, Frames, IFrames, Applets, Flash Files vkfn ckn esa Load gksuk “kq:
gksrs gSaA

blfy, ;fn ge jQuery ds ek/;e ls bu esa ls fdlh Resource dks Access djuk pkgrs gSa]
rks ml fLFkfr esa ready() Method gekjs fy, mi;ksxh ugha gksrk D;ksafd ready() Method bu
lHkh ds Web Browser esa Load gksus ls igys gh Execute gks tkrk gS blfy, ready()
Method esa Specify fd, x, gekjs os Codes tks fd bu Resources dks Reference djrs
gSa] Fail gks tkrs gSaA

bl fLFkfr ls cpus ds fy, gesa ready() Method ds LFkku ij window.onload Method dks
Use djuk pkfg,A D;ksafd window.onload Method Exactly rc Fire gksrk gS] tc Web
Page ds lHkh Resources iwjh rjg ls Web Browser esa Download gksdj Access gksus ds
fy, Ready gks pqds gksrs gSaA

ifj.kkeLo:i ;fn gesa bu External Resources dks jQuery ds ek/;e ls Access djuk gks]
rks gesa gekjs jQuery Codes fuEukuqlkj window.onload Method esa fy[kus pkfg,%

File Name: AllResourcesAreReadyToBeAccessedViaJQuery.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

75
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

<head>
<title>All Resources of the Web Page are Ready to be accessed via JQuery</title>
</head>

<body>

<script type="text/javascript" src="js/jquery-1.9.1.js"></script>

<script>
window.onload = function () {
jQuery('body').css('background-color', 'red');
}
</script>
</body>
</html>

tSls gh ge mijksDr Code okys Web Page dks Web Browser esa Load djrs gSa] gekjs Web
Page dk Background Color fuEu fp=kuqlkj Change gksdj Red gks tkrk gS%

,d fo”ks’k :i ls /;ku j[kus okyh ckr ;s gS fd ;fn ge window.onload Event Handler dks
Use djrs gSa] rks fQj gesa ready() Method dks Use djus dh t:jr ugha jgrh D;ksafd
lkekU;r% ge window.onload Event Handler dks rHkh Use djrs gSa] tc gesa fdlh
Resource tSls fd Image, Object, Frame vkfn dks Access djus dh t:jr gksrh gS vkSj ;s
Resources rHkh Available gksrs gSa] tc Web Page, Web Browser esa fofHkUu Resources
ds lkFk iwjh rjg ls Load gks pqdk gksrk gSA

ftl rjg ls ge jQuery('document').ready(handler); Statement dks Use djrs gSa] mlh

rjg ls bl Statement ds Alternative ds :i esa ge fuEu esa ls fdlh Hkh Statement dks
Use dj ldrs gSa vkSj ;s lHkh Statements okLro esa jQuery('document').ready(handler);
Statement ds gh Alternatives gSa%

jQuery().ready(handler)
jQuery(handler)

$().ready(handler)
$(handler)

76
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

;kuh tc ge jQuery Function esa fdlh Selector dks Specify ugha djrs gSa] rc jQuery()
Function }kjk “document” dks Default Selector dh rjg Use dj fy;k tkrk gSA

tcfd ;fn ge ready() Method dks Hkh Specify ugha djrs cfYd lh/ks gh jQuery() ;k $()
Function esa fdlh Handler Function dks Specify dj nsrs gSa] rks jQuery() Function
Automatically Default :i ls jQuery('document').ready(handler); Statement dks gh
Execute djrk gSA

ifj.kkeLo:i ;fn ge pkgsa rks mijksDr esa ls fdlh Hkh rjhds dks Use dj ldrs gSa] ysfdu igyk
rjhdk lcls T;knk Descriptive gS vkSj Code ns[krs gh gesa irk py tkrk gS fd D;k gks jgk gS
tcfd vfUre rjhdk lcls de tkudkjh nsrk gSA

Delay the ready Event to be fired

tSlkfd geus igys Hkh dgk fd tSls gh gekjs Web Page dk DOM Tree Create gks tkrk gS]
jQuery dk ready() Method Run gks tkrk gSA ysfdu dbZ ckj gesa gekjs Web Page ds fdlh
Resource ds lkFk dke djuk gksrk gS vkSj ready() Method ds Fire gksus rd Web Browser
esa gekjs Web Page dk dksbZ Hkh Resource Load ugha gqvk gksrk gSA bl fLFkfr esa ge ready()
Method ds LFkku ij window.onload Event Handler dks Use djrs gSaA

ysfdu jQuery gesa ,d ,slk Method Provide djrk gS] ftldk iz;ksx djds ge jQuery ds
ready() Method dks rc rd Fire gksus ls jksd ldrs gSa] tc rd fd og Resource Web
Browser esa iwjh rjg ls Load ugha gks tkrk] ftlds lkFk ge gekjs ready() Method esa dksbZ
izfØ;k djuk pkgrs gSaA

mnkgj.k ds fy, ekuyks fd gesa jQuery ds ek/;e ls gekjs Web Page ij Load gksus okyh
fdlh Image ds Dimension dks Change djuk gSA rks ge ready() Event Handler esa viuh
ml Image ds Dimension dks rc rd Change ugha dj ldrs] tc rd fd og Image
Web Browser esa iwjh rjg ls Download u gks tk,A

tcfd ge tkurs gSa fd jQuery dk ready() Method Web Page ds DOM Tree ds Create
gksrs gh Fire gks tkrk gS vkSj b ready() Event Handler ds Fire gksus ds ckn Image, Web
Browser esa Download gksuk “kq: gksrk gSA bl fLFkfr esa tc ready() Event Fire gksrk gS] rc
og Image Web Browser dh Memory esa gksrk gh ugha gS] ftlds Dimension dks Access
djuk gSA

bl ijs”kkuh ls cpus ds fy, ge lkekU;r% ready() Event Handler ds LFkku ij

window.onload Event Handler dks Use djrs gSaA ysfdu jQuery gesa holdReady() uke
dk ,d ,slk Method Provide djrk gS] ftls Use djds ge gekjs ready() Event Handler
dks rc rd Fire gksus ls jksd ldrs gSa] tc rd fd gekjk Image, Web Browser esa iwjh rjg
ls Load u gks tk,A

holdReady() Method Parameter ds :i esa dsoy ,d Boolean Value Accept djrk gSA
tc ge bl Event Method esa true Pass djrs gSa] rks ;s Method gekjs ready() Event dks
rc rd ds fy, Fire gksus ls jksd nsrk gS] tc rd fd ge blh Method esa fQj ls false
Parameter Pass ugha dj nsrsA

77
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

tc ge holdReady() Method dks Use djrs gSa] rc gesa bl ckr dk fo”ks’k :i ls /;ku
j[kuk t:jh gksrk gS fd ge bl Method dks gesa”kk ready() Method ls igys Specify djsa]
rkfd ;s Method, ready() Method dks Fire gksus ls jksd ldsA

;fn ge bls ready() Method ds ckn Specify djrs gSa] rks fQj bl Method dks Use djus
dk dksbZ eryc ugha jg tkrk D;ksafd tc rd JavaScript Interpreter bl Method rd
igqaprk gS] rc rd ready() Event Fire gks pqdk gksrk gS] tcfd bl Method dks Use djus dk
ewy mÌs”; gh ready() Event dks Fire gksus ls jksduk ;k Delay djuk gksrk gSA

File Name: AllResourcesAreReadyToBeAccessedViaJQuery.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Using holdReady to delay the ready Event to be fired</title>
</head>

<body>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script>
jQuery.holdReady(true);

alert('jQuery ready event being released');

jQuery.holdReady(false);

$('document').ready(function ($) {
jQuery("<h1> ready event was delayed via holdReady </h1>").appendTo('body');
});
</script>
</body>
</html>

tc ge bl Web Page dks Web Browser esa Load djrs gSa] rks Web Page dk DOM
Create gksrs gh jQuery dk ready() Event Fire gksus ds fy, rS;kj gks tkrk gS vkSj gesa gekjk
Web Page fuEukuqlkj fn[kkbZ nsrk gS%

78
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

ysfdu blls igys fd ready() Event Fire gks] holdReady() Method, ready() Event dks
fuEu Statement }kjk Fire gksus ls jksd nsrk gS%

jQuery.holdReady(true);

D;ksafd geus holdReady() Method esa Parameter ds :i esa true eku Specify fd;k gSA
lkFk gh ,d Alert Box gesa bl ckr dh Information nsrk gS fd tSls gh ge Alert Box dks
Close djsaxs] fuEu Statement }kjk ready Event Fire gksus ds fy, Release gks tk,xk%

jQuery.holdReady(false);

ifj.kkeLo:i bl Statement esa holdReady() Method esa false Value Specify gksus dh
otg ls vc ready Event Fire gks tkrk gS vkSj gesa gekjk Web Page fuEukuqlkj fn[kkbZ nsus
yxrk gS%

vki le> ldrs gSa fd ;fn ge holdReady() Method dks Use djsa] rks gesa ml fLFkfr esa
window.onload Event Handler dks Use djus dh t:jr ugha gksrh gS] tcfd gekjk
jQuery Code fdlh ,sls Resource dks Access djuk pkgrk gS] tks fd ready() Event ds
Fire gksus ds ckn Web Browser esa Download gksrk gS] D;ksafd holdReady() Method }kjk
ge gekjs ready() Event dks rc rd Fire gksus ls jksd ldrs gSa] tc rd fd og Resource
Web Browser esa iwjh rjg ls Load u gks tk,] ftl ij gekjk jQuery Code dksbZ Action
Perform djuk pkgrk gSA

lkekU;r% holdReady() Method dk iz;ksx ge rc djrs gSa tc gesa fdlh External

Resource tSls fd Image, Object, Frame, Iframe vkfn ij dksbZ Operation Perform
djuk gksrk gS vFkok gesa gekjs JavaScript Code esa fdlh ,sls JavaScript Function dks Use
djuk gksrk gS] ftls fdlh vU; External JavaScript File esa Define fd;k x;k gSA ;k fQj gesa
fdlh ,slh CSS Class dks Use djuk gksrk gS] ftls fdlh External CSS File esa Specify
fd;k x;k gksrk gS vkSj ge bu External Files esa Define fd, x, Functions ;k CSS Rules
dks rc rd Access ugha dj ldrs] tc rd fd ;s Resources iwjh rjg ls Web Browser esa
Download u gks tk,sA

bl fLFkfr esa ge mijksDr mnkgj.k ds vuqlkj holdReady() Method dks Use djds ready()
Event dks rc rd Fire gksus ls jksd nsrs gSa] tc rd fd og Resource Web Browser esa iwjh
rjg ls Download u gks tk,] ftl ij ready() Event Handler dks dksbZ Operation
Perform djuk gS vkSj Accessible Resource ds iwjh rjg ls Web Browser esa Download

79
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

gks tkus ds ckn ge holdReady() Method esa Argument ds :i esa false eku Specify djds]
ready() Event dks Fire gksus ds fy, Release dj ldrs gSaA

lkFk gh fiNys Example esa nksuksa holdReady() Statements ds chp tgka geus alert()
Method dks Specify fd;k gS] ogka ij gesa ml Resource dks Web Browser esa Download
djus ls lEcaf/kr Codes fy[kus gksrs gSa] ftldh t:jr jQuery ds ready() Event Handler
dks gSA

The jQuery Alias

jQuery Framework dks vius Web Page esa Include djrs gSa] rks gesa jQuery() uke dk ,d
Singe Function izkIr gksrk gS vkSj ;gh og Magical Function gksrk gS] tks fd iwjs jQuery
Framework dk Gateway gksrk gSA ;kuh jQuery ds fdlh Hkh Library Function dks Use
djus ds fy, gesa blh jQuery() Function dks Compulsory :i ls Use djuk gksrk gS vkSj
tSlkfd geus fiNys Discussion esa ns[kk gS fd ge jQuery() Function ds LFkku ij $()
Function dks Hkh Use dj ldrs gSa] tks fd jQuery() Function dk gh ,d Alias gSA

pwafd jQuery ds vykok Hkh dbZ vU; JavaScript Frameworks gSa tks fdlh Specific Type
dh Requirement dks iwjk djrs gSa vkSj dbZ ckj ge gekjs ,d gh Web Page esa ,d ls T;knk
JavaScript Frameworks dks Use djrs gq, fdlh Requirement dks iwjk djus dh dksf”k”k
djrs gSaA ml fLFkfr esa bu fofHkUu izdkj ds JavaScript Frameworks esa Specified fofHkUu
Functions ds uke leku gks ldrs gSaA

ifj.kkeLo:i fofHkUu JavaScript Frameworks ds dbZ Functions ds uke leku gksus dh otg
ls Name Conflict gksus dh lEHkkouk jgrh gS D;ksafd ,d ls T;knk Libraries esa ,d gh uke ds
,d ls T;knk Functions gksus dh fLFkfr esa lHkh Libraries esa dsoy ,d gh Function dke
djrk gS vkSj og Function lHkh vU; Frameworks ds Functions dks Override dj nsrk gS]
ftlls fdlh uk fdlh rjg dh Error vkus dh laHkkouk jgrh gh gS vFkok ge ftl
Requirement dks iwjk djus ds fy, ,d ls vf/kd Frameworks dks Combined :i ls Use
dj jgs gksrs gSa] og Requirement iwjh ugha gks ikrhA

mnkgj.k ds fy, jQuery esa Hkh hide() uke dk ,d Function gS vkSj ge gekjh t:jr ds
vuqlkj viuk Lo;a dk Hkh hide() uke dk Function cuk ldrs gSaA ;fn ,slk gksrk gS] rks ,d gh
uke ds nks Functions gksus dh fLFkfr esa dksbZ ,d hide() Function fdlh nwljs hide()
Function dks Override djsxk] ftlls fdlh uk fdlh rjg dh Error rks Generate gksxh ghA

bl rjg dh ijs”kkuh u gks] blfy, iwjh jQuery Library dks jQuery uke ds ,d Namespace
esa Contained j[kk x;k gSA blfy, jQuery ds Functions dks mi;ksx esa ysus ds fy, gesa gj
jQuery Function ds uke ls igys “jQuery” “kCn dk iz;ksx djuk t:jh gksrk gS o Function
ds uke dks jQuery “kCn ds lkFk Dot Operator dk iz;ksx djds tksMuk iMrk gSA tSls%

jQuery(‘p’).hide();

;fn Coding cgqr de gks] rc rks ge bl rjg ls jQuery Codes fy[k ldrs gSa] ysfdu ;fn
gesa cgqr T;knk jQuery Codes fy[kus gksa] rks ckj&ckj “jQuery” “kCn dks mi;ksx esa ysuk dkQh
vlqfo/kktud gks ldrk gSA blfy, jQuery Framework gesa ,d NksVk uke “$” iznku djrk gS]
ftls ge jQuery Alias ds uke ls Identify djrs gSaA

80
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

;kuh ge “jQuery” “kCn ds LFkku ij dsoy “$” Symbol dk Hkh iz;ksx dj ldrs gSaA vr% ge
jQuery(‘p’).hide() dks $(‘p’).hide() Hkh fy[k ldrs gSa] D;ksafd ‘$’ Symbol, ‘jQuery’ “kCn
dk Alias gSA

gkykafd tc ge vius Web Page esa dsoy jQuery dks gh mi;ksx esa ys jgs gksrs gSa] rc ge
jQuery() Function dks $() ds :i esa Hkh Use dj ldrs gSa] ysfdu tc ge gekjs Web Page
ij ,d ls T;knk Libraries dks Use dj jgs gksrs gSa vkSj mu Libraries esa Hkh $ Symbol dks gh
mu Libraries ds Gateway Function dh rjg Use fd;k tk jgk gksrk gS] rc Name
Conflicting dh leL;k iSnk gks tkrh gSA

D;ksafd tc ,d ls T;knk Libraries $() Method dks muds Gateway dh rjg Use djrs gSa]
rks JavaScript Interpreter bl ckr dks Bhd rjhds ls r; ugha dj ikrk fd ge $() Function
ds lkFk ftl Code dks fy[k jgs gSa] og Code jQuery ls lEcaf/kr gS ;k fdlh vU; Library
lsA

bl leL;k ls cpus dk ,d rjhdk ;s gS fd ge gekjs iwjs jQuery Code esa $() Alias ds LFkku
ij gesa”kk jQuery() Function dks gh Use djsa vkSj $() Function dks vU; Libraries ds fy,
Available djok nsAa

bl rjhds dks Use djus ds fy, ge jQuery ds noConflict() Method dks Use dj ldrs
gSaA tc ge bl Method dks Use djrs gSa] rks $ Symbol vU; Libraries gsrq Use gksus ds
fy, Available gks tkrk gS vkSj ge gekjs jQuery Codes dks fy[kus ds fy, jQuery()
Symbol dks Use djrs gSaA bls le>us ds fy, ge ,d mnkgj.k ns[krs gSaA

pwafd jQuery dh rjg gh Prototype Hkh ,d JavaScript Framework gS vkSj Default :i

ls bl Framework dk Gateway Hkh $ Symbol ls gh Access gksrk gSA vc ;fn ge jQuery
Cody fy[krs le; $ Symbol ds ek/;e ls Prototype Framework ds Methods dks Access
djuk pkgrs gSa tcfd jQuery() Function ds ek/;e ls jQuery ds Method dks Use djuk
pkgrs gSa] rks ge bl t:jr dks fuEu Code fy[kdj iwjk dj ldrs gSa%

jQuery.noConflict();

// Do something with jQuery

jQuery("div p").hide();

// Do something with another library's $()

$("content").style.display = 'none';

tc ge gekjs JavaScript Code esa jQuery.noConflict(); Statement dks Use djrs gSa] rks
jQuery Framework $() Symbol dks vU; Library ds lkFk Use djus ds fy, Free dj nsrk
gSA ifj.kkeLo:i vc ;fn ge jQuery Code fy[kuk pkgrs gSa] rks gesa fuEukuqlkj jQuery
Namespace dks Compulsory :i ls Use djuk gksrk gS%

// Do something with jQuery

jQuery("div p").hide();

81
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

tcfd vc ;fn ge fuEukuqlkj Code }kjk $ Symbol dks Use djds viuk Code fy[krs gSa]
rks og Code ml nwljh Library ds Codes dks Represent djrk gS] ftls jQuery ds lkFk
Use fd;k tk jgk gSA

// Do something with another library's $()

$("content").style.display = 'none';

ysfdu tSlkfd geus igys Hkh dgk fd ;fn gekjk jQuery Code de gks] rc rks ge iwjs jQuery
“kCn dks ckj&ckj vius Code esa fy[k ldrs gSa ysfdu ;fn gekjk jQuery Code cgqr T;knk gks]
rks ckj&ckj jQuery “kCn dks Use djuk dkQh vlqfo/kktud gks tkrk gSA

bl fLFkfr esa ge fuEukuqlkj rjhds ls ,d Self Invoked JavaScript Function ds :i esa viuk
jQuery Code fy[k ldrs gSa%

jQuery.noConflict();
(function($) {
$(function() {
// More code using $ as alias to jQuery
$('div').hide();
});
})(jQuery);

// Other code using $ as an alias to the other library

$('div').hide();

mijksDr Code esa geus lcls igys jQuery.noConflict(); Statement dk iz;ksx djds $
Symbol dks Free fd;k gS] rkfd vU; JavaScript Framework bls Use dj ldsA fQj geus
,d Self Invoked jQuery() Function esa ,d Anonymous Function Create fd;k gS vkSj
Parameter ds :i esa bl Function esa jQuery Function Object dk Reference Pass dj
fn;k gSA

ifj.kkeLo:i ;s Reference Inner Anonymous Function ds $ Symbol dks Assign gks tkrk
gS vkSj ge bl Inner Function esa lHkh jQuery Library Methods dks $ Symbol }kjk
Access dj ldrs gSa] D;ksafd geus jQuery() Method ds vUnj ,d Anonymous Function
Create fd;k gS tks fd ,d Private Scope gS vkSj Argument ds :i esa geus $ Symbol dks
Specify fd;k gSA

ifj.kkeLo:i Self Invoking Function gksus dh otg ls tc ;s JavaScript Code Run gksrk
gS] rc jQuery Object dk Reference Parameter ds :i esa Inner Anonymous Function
ds $ Symbol dks Assign gks tkrk gSA ftldh otg ls ge Inner Function esa jQuery
Object dks $ Symbol }kjk Access djus esa l{ke gks tkrs gSaA

tcfd jQuery.noConflict(); Statement dk iz;ksx djus dh otg ls Function ls ckgj ds

Scope ds fy, $ Symbol vU; Libraries ds Gateway ds :i esa Available gks tkrk gSA bl
rjg ls ge ,d gh $ Symbol dks nks vyx Scope esa nks vyx Libraries ds Codes dks
Access djus ds fy, Use dj ldrs gSaA

82
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

;kuh ;fn ge mijksDrkuqlkj bl Inner Function esa $() Function dks Use djrs gSa] rks Run
gksus okyk hide() Method okLro esa jQuery Library dk hide() Method gksrk gSA tcfd bl
Function ls ckgj tc ge $() Method dks Use djrs gSa] rks ;s External $ Symbol
Prototype tSlh fdlh nwljh Library File ds hide() Method dks Call djrk gSA

bl izdkj ls ge ,d gh $ Symbol dks nks vyx Libraries ds Methods dks Access djus ds
fy, Use dj ldrs gSa vkSj nksuksa Libraries dk Scope vyx gksus dh otg ls fdlh Hkh rjg
dh Conflicting dh leL;k iSnk ugha gksrhA

bl rjhds ds vykok ,d vkSj rjhdk gS] ftldk iz;ksx djds ge $ ds LFkku ij fdlh Hkh vU;
Variable Name dks jQuery Alias ds :i esa Use dj ldrs gSaA tc ge JavaScript ds
noConflict() Method dks Use djrs gSa] rc ;s Method ,d Object Return djrk gSA bl
Object dks fdlh Variable esa Store djds ge ml Variable dks gh jQuery ;k $ ds LFkku
ij Use dj ldrs gSaA tSls%

var jq = jQuery.noConflict();

// Do something with jQuery

jq("div").hide();

// Do something with another library's $()

$("div").hide();

tSlkfd ge mijksDr Code esa ns[k ldrs gSa fd noConflict() Method dks Use djds geus $
Symbol dks vU; Library }kjk Use djus ds fy, Free dj fn;k gS] ysfdu lkFk gh geus bl
Method }kjk Return gksus okys Object dks jq uke ds ,d Variable esa Store dj fy;k gSA

ifj.kkeLo:i vc ;fn ge pkgsa rks jQuery() Function ds LFkku ij jq() Function dks Hkh Use
dj ldrs gSa vkSj ,slk gh geus gekjs vxys Statement esa fuEukuqlkj fd;k gS%

// Do something with jQuery

jq("div").hide();

;kuh mijksDrkuqlkj noConflict() Function dks Use djds ge fdlh Hkh uke ;k Valid
Symbol dks jQuery() Function ds fy, Assign dj ldrs gSaA

gkykafd fdlh Hkh rjg dh leL;k ls cpus ds fy, gesa gesa”kk jQuery() Method dks gh
izkFkfedrk nsuh pkfg,] ysfdu ;fn vki vius Web Page ij Interactivity ls lEcaf/kr lHkh
t:jrksa dks iwjk djus ds fy, dsoy jQuery Library dks gh Use dj jgs gSa] rks vki fcuk fdlh
ijs”kkuh ds $() Method dks Use dj ldrs gSaA

gkykafd ;fn vki vius lkjs jQuery Codes $() Method dk iz;ksx djds fy[krs gSa vkSj Hkfo’;
esa fdlh Specific Type dh Requirement dks iwjk djus ds fy, vki vius mlh Web Page
esa fdlh vU; Library dks Use djrs gSa] rks fQj vkidks mijksDrkuqlkj Changes djus t:jh
gks tk,saxsA

;kuh vkidks jQuery.noConflict(); Statement dks Use djrs gq, $ Symbol dks vU; Library
ds fy, Free djuk gksxk vkSj vius lHkh jQuery Codes dks fuEukuqlkj ,d Self Invoking

83
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

Function ds chp Enclose djuk iMsxk] rHkh vkids Web Page ij nksuksa Libraries lkekU;
rjhds ls dke djsaxh%

jQuery.noConflict();
(function($) {

// All your jQuery Codes enclose here…

})(jQuery);

blds vykok ,d vkSj csgrj o vklku rjhdk gS] ftlesa ge $ dks jQuery() Function esa ,d
ckj ,d Parameter ds :i esa Specify dj nsrs gSa] rks $ Symbol ml Scope ds fy, jQuery
Library gsrq Private Scope esa Available gks tkrk gSA ;s ,d cgqr gh lk/kkj.k ysfdu Perfect
rjhdk gS] tks fd fuEukuqlkj gS%

jQuery.noConflict();
jQuery(function($) {

// All your jQuery Codes enclose here…

});

pwafd gesa lkekU;r% gekjs lkjs jQuery Codes gesa”kk jQuery('document').ready();

Statement ds Handler ds :i esa Specify fd, tkus okys Anonymous Function vUnj gh
fy[kus gksrs gSa] blfy, ;fn ge fuEukuqlkj ready() Method ds Handler Function esa
Parameter ds :i esa $ Symbol dks Specify dj nsa] rks bl Handler Function Body esa ge
$ Symbol dks dsoy jQuery Library ds Functions dks gh Refer djsxk tcfd bl Function
ls ckgj Global Scope esa ge tc Hkh $ Symbol dks Use djsaxs] og $ Symbol fdlh vU;
Library ds Methods dks Refer djsxkA

jQuery(document).ready(function($) {

// Code that uses jQuery's $ can follow here.

});

// Code that uses other library’s $ can follow here.

;s rjhdk ,d Perfect o fcYdqy gh ljy rjhdk gS] ftldk iz;ksx djrs gq, ge ,d gh $
Symbol dks vyx&vyx Scope esa vyx&vyx Libraries ds Methods dks Access djus ds
fy, Use dj ldrs gSaA

jQuery() Function – The Gateway of jQuery

vHkh rd geus bl Chapter esa ftruh Hkh ckrsa Discuss dh gSa] os lHkh blfy, dh gSa] rkfd ge
jQuery dks mi;ksx esa ysrs gq, jQuery ds vU; Concepts dks le>us ds fy, lkekU;
Examples Create dj ldsAa ysfdu vc ge jQuery() Function dks FkksMk xgjkbZ ls le>saxsA

84
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

eq[; :i ls ,d /;ku j[kus okyh ckr ;s gS fd jQuery dks ge Function Hkh dg ldrs gSa]
Method Hkh dg ldrs gS]a Object Hkh dg ldrs gSa vkSj Property Hkh dg ldrs gSaA vkSj ;s
pkjksa gh ckrsa lgh gSaA D;ksafd iwjh jQuery Library Factory Pattern ij vk/kkfjr gS] ftlesa
jQuery uke dk ,d Object Definition Create fd;k tkrk gS vkSj bl Object Definition ls
jQuery uke ds Object dks Return fd;k tkrk gSA bl fygkt ls jQuery ,d Object gSA

Factory Pattern dk iz;ksx djrs gq, tc ge dksbZ Object Definition Create djuk pkgrs gSa]
rks gesa ,d Function Crete djuk iMrk gS vkSj Create gksus okyk gj Global Function,
Web Browser ds window Object dh ,d Property cu tkrk gSA

pwafd jQuery Library esa jQuery Object dks Create djus ds fy, Factory Pattern ij
vk/kkfjr tks Function Create fd;k x;k gS] ml Function dk uke Hkh jQuery gS] blfy,
jQuery Function okLro esa Web Browser ds window Object dh ,d Property Hkh gS
D;ksafd blh jQuery Property esa iwjs jQuery Object dk Pointer Stored jgrk gSA

pwafd window Object dh fdlh Property esa tc fdlh Anonymous Function dk Address
Stored jgrk gS] rks og Anonymous Function okLro esa window Object dk ,d Method
Hkh dgykrk gSA blfy, jQuery dks ge ,d Method Hkh dg ldrs gSaA

gkykafd fiNys Discussion ds vuqlkj geus jQuery() Function dks dqN rjhdksa ls Use djus
ds ckjs esa tkukA ysfdu okLro esa ge jQuery() Function dks fuEukuqlkj fofHkUu rjhdksa ls Use
dj ldrs gSa%

• jQuery( selector [, context ] )

o jQuery( selector [, context ] )
o jQuery( element )
o jQuery( elementArray )
o jQuery( object )
o jQuery( jQuery object )
o jQuery()
• jQuery( html [, ownerDocument ] )
o jQuery( html [, ownerDocument ] )
• jQuery( html, attributes )
o jQuery( callback )

pfy,] One by One bu lHkh dks le>us dh dksf”k”k djrs gSaA

jQuery( selector [, context ] )

tc ge bl rjhds ls jQuery() Function dks Use djrs gSa] rks ge bl Function esa nks
Parameters Pass dj ldrs gSaA igyk Parameter og CSS Selector gksrk gS] ftlls
lEcaf/kr lHkh Elements ds References dks ge DOM Tree ls ,d jQuery Object ds :i
esa Return djokuk pkgrs gSaA

tcfd nwljs Argument ds :i esa ge ml Context dks Specify djrs gSa] ftlls Associated
mu Elements dk Reference ge DOM Tree ls jQuery Object ds :i esa izkIr djuk pkgrs
gSa] tks igys Argument esa Specified Selector ls Match djrs gSaA

85
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

gj jQuery Object dh ,d length Property gksrh gS] ftlesa DOM Tree }kjk Return gksus
okys dqy Matching Elements dh la[;k gksrh gSA blfy, ;fn ge jQuery() Function esa Hkh
Parameter Pass u djsa vFkok ;fn jQuery() Function esa Pass fd, x, Selector ls
Matching ,d Hkh Element DOM Tree esa Exist u gks] rks ;s Function ,d Empty jQuery
Object Return djrk gSA ifj.kkeLo:i bl fLFkfr esa jQuery() Function }kjk Return gksus
okys jQuery Object dh length Property dk eku 0 gksrk gSA

nwljk Argument ,d Optional Argument gksrk gS] blfy, ;fn ge Specify ugha djrs gSa] rks
Default :i ls igys Argument esa Specified Selector ls Matching Elements dh
Searching DOM Tree ds Document Root Element ls gksrh gSA ysfdu ;fn ge pkgsa rks
nwljs Argument ds fy, fdlh Context dks Set dj ldrs gSaA bls le>us ds fy, ge ,d
mnkgj.k ns[krs gSa] tks fd fuEukuqlkj gS%

File Name: jQueryFunctionWithContext.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Using jQuery Function With Context</title>
</head>

<body>
<div>
<ol>
<li>First List Item in First Div</li>
<li>Second List Item in First Div</li>
</ol>
</div>

<div>
<ul>
<li>First List Item in Second Div</li>
<li>Second List Item in Second Div</li>
</ul>
</div>

<script type="text/javascript" src="js/jquery-1.9.1.js"></script>

<script>
$('div').click(function () {
$('li', this).css('background-color', 'gray');
});
</script>
</body>
</html>

bl Web Page ds JavaScript Code esa geus click() uke ds ,d u, jQuery Method dks
Use fd;k gS tks fd ,d Event dks Represent djrk gSA Event Handling ds ckjs esa ge
vkxs foLrkj ls tkusaxs] ysfdu Context dks le>us ds fy, gesa fdlh u fdlh Method ;k

86
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

Function dks Use djuk t:jh gksrk gS D;ksafd JavaScript esa dsoy Functions dk gh vyx
Context ;k Scope gksrk gS vkSj Function ds vykok lcdqN Global Context gh gksrk gSA

mijksDr Web Page dks Web Browser esa Load djus ij gesa gekjk Web Page fuEukuqlkj
fn[kkbZ nsrk gS%

ge ns[k ldrs gSa fd bl Web Page esa ,d Ordered List gS vkSj ,d Unordered List gSA
vc ge tSls gh Unordered List ij Click djrs gSa] List dk Background Color Change
gksdj fuEukuqlkj fn[kkbZ nsus yxrk gS%

tcfd geus gekjs JavaScript Code esa jQuery Function esa Selector ds :i esa “li” dks
fuEukuqlkj Specify fd;k gS%

$('div').click(function () {
$('li', this).css('background-color', 'gray');
});

;s Code JavaScript Interpreter dks Instruct djrk gS fd Web Page ij fLFkr fdlh Hkh
div Element ij tSls gh Click fd;k tk,] oSls gh ml Web Page ij fLFkr lHkh <li>
Elements dk Background Color Change gksdj gray gks tk,A

ysfdu tSlkfd ge ns[k ldrs gSa fd gekjs Web Page esa dsoy mlh div Element ds lHkh <li>
Elements dk Background Color Change gks jgk gS] ftl ij geus Click fd;k FkkA ;kuh
geus Unordered List okys div Element ij Click fd;k Fkk] blfy, dsoy Unordered List
ds Elements dk Background Color gh Change gqvk gS Ordered List ds Background
dk Color Change ugha gqvk gSA

87
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

,slk blhfy, gks jgk gS D;ksafd geus gekjs jQuery() Function esa nwljs Parameter ds :i esa
this Object dks Pass fd;k gS] tks fd gesa”kk ml Element dks Represent djrk gS] ftl ij
dksbZ Event Fire gqvk gS ;k ftlds lkFk fdlh jQuery Method dks Use fd;k x;k gSA

blh rjg ls ;fn ge ;s ekuysa fd gekjs fdlh Web Page ij ,d ls T;knk Form Elements
gSa vkSj ge pkgrs gSa fd dsoy igys Form Element esa ftrus Hkh Radio Buttons gSa] mu lHkh
Radio Buttons dk Background Color Gray gks tk,] ysfdu nwljs fdlh Hkh Form Element
ds fdlh Hkh Radio Button dk Background Color Change u gksA

rks bl t:jr dks iwjk djus ds fy, ge fuEukuqlkj rjhds ls jQuery() Function ds nwljs
Parameter ds :i esa igys Form Element ds Context dks Argument dh rjg Pass dj
ldrs gSa%

jQuery('input:radio', document.forms[0]).css('backgound-color','gray');

blh rjg ls fdlh AJAX Request }kjk Return gksus okys XML Document esa fdlh
Particular Element dks Select djus ds fy, ge fuEukuqlkj rjhds ls jQuery() Function ds
nwljs Parameter dks Specify dj ldrs gSa%

jQuery('mobile', xml.responseXML).css('backgound-color','gray');

;s Statement AJAX Request ds ek/;e ls vkus okyh XML File ds DOM ls dsoy
“mobile” uke ds lHkh Modes dks Select djsxk vkSj lHkh Nodes dk Background Color
Change djds Gray dj nsxkA

jQuery( element )
;fn ge fiNys Web Page ds JavaScript Code esa jQuery() Function ds nwljs Parameter
ds :i esa “this” Object dks Pass u djsa] rks gekjk Modified Code fuEukuqlkj gks ldrk gS%

File Name: jQueryFunctionWithElementWithoutContext.html

$('div').click(function () {
$('li').css('background-color', 'gray');
});

vkSj ;fn ge bl Modified jQuery Code ds lkFk vius fiNys Web Page dks Re-Modify
djds fQj ls Web Browser esa Load djsa] rks gesa gekjk Output fuEukuqlkj izkIr gksxk] ftlesa
nksuksa gh div Elements esa ls fdlh Hkh div Element dks Click djus ij nksuksa gh Lists dk
Background Color Change gksdj Gray gks tkrk gS%

88
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

tc ge jQuery() Function dks nwljk Parameter Specify ugha djrs gSa vkSj igys Argument
ds :i esa Hkh fdlh Standard HTML Element Tag dks Selector ds :i esa Pass djrs gSa] rks
ge okLro esa jQuery() Function dks nwljs rjhds ls Use dj jgs gksrs gSa] tSlkfd mijksDr
jQuery Code esa geus fd;k gSA

jQuery( elementArray )
;fn ge gekjs fiNys Web Page ds JavaScript Code dks gh fuEukuqlkj Modify dj nsa%

File Name: jQueryFunctionWithElementArrayWithoutContext.html

$('div').click(function () {
$(this).css('background-color', 'gray');
});

rks tc ;s Code Run gksxk] rc ge gekjs Web Page ij fLFkr ftl div Element ij Click
djrs gSa] mlh Element dk Background Color Change gksdj Gray gks tkrk gS vkSj ,slk
blfy, gksrk gS D;ksafd tSls gh ge fdlh div Element ij Click djrs gSa] mijksDr Code dk
fuEu Statement Run gks tkrk gS%

$('div').click(function () {

pwafd bl Statement esa geus jQuery() Function esa Selector ds :i esa ‘div’ Specify fd;k
gS] blfy, iwjs Web Page ij ftrus Hkh div Elements gksrs gSa] mu lHkh div Elements dk
Reference ,d jQuery Object ds :i esa Return gksrk gS tks fd bl click() Method ds
vUnj this ds ek/;e ls miyC/k jgrk gSA ifj.kkeLo:i tc bl click() Method dh Body esa
Specified fuEu Statement Run gksrk gS%

$(this).css('background-color', 'gray');

rks bl Statement esa Selector ds :i esa Specified this Object okLro Web Page ds lHkh
div Elements dks gh Represent dj jgk gksrk gS] tks fd Lo;a ,d jQuery Object gS] ftlesa
cgqr lkjs Selected Elements ,d Array ds :i esa Available gSaA blfy, tc ge mijksDr
Statement esa jQuery() Function esa this Object dks Pass dj jgs gksrs gSa] rks ge okLro esa
,d Single Element ugha cfYd cgqr lkjs Elements dk ,d Array Pass dj jgs gksrs gSa] tks
fd jQuery() Function dks Use djus dk rhljk rjhdk gSA

jQuery( object )

89
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

ge jQuery() Function esa fQj ls jQuery Function dks gh Object dh rjg Pass dj ldrs
gSa D;ksafd JavaScript esa lHkh Functions ,d izdkj dk Object gksrs gSa vkSj tc ge ,slk djrs
gSa] rks leku jQuery Object dks Reference djrk gqvk ,d u;k jQuery Clone Object
Create dj jgs gksrs gSaA

jQuery( jQuery object )

jQuery() Function o jQuery Library ds fdlh Hkh Method esa ge Key-Value Pair ds :i
esa fdlh Objects dks Arguments dh rjg Pass dj ldrs gSa vkSj bl Key-Value Pair dks
ljy “kCnksa esa JSON Object dgk tkrk gSA jQuery fdlh Plain Object dks Identify djus ds
fy, jQuery.isPlainObject(); Statement Provide djrk gS vkSj fuEu Statement ,d
Simple PlainObject dk Representation gS%

var plainObject = { };

mijksDr Statement plainObject uke dk ,d ,slk Plain Object Create dj jgk gS] ftlesa
,d Hkh Key-Value Pair ugha gS ysfdu ;s ,d Valid Object gS vkSj bls fuEukuqlkj jQuery()
Function esa Parameter ds :i esa Pass fd;k tk ldrk gS%

var plainObject = { };
jQuery(plainObject);

jQuery esa dbZ ,sls Library Methods gSa] ftUgsa Use djrs le; ge muesa Argument ds :i esa
,d PlainObject Pass djrs gSa] tks fd Key-Value Pairs dk ,d Set gksrk gSA

orZeku le; esa jQuery Library esa fdlh PlainObject ds lkFk Use djus ds fy, data(),
prop(), on(), off(), trigger o triggerHandler() Methods dks Define fd;k x;k gSA buds
vykok ge fdlh Hkh vU; jQuery Method dks PlainObject ds lkFk fQygky Use ugha dj
ldrs] gkykafd gks ldrk gS fd Hkfo’; esa bu Plain Objects ds lkFk Use djus ds fy, vkSj Hkh
jQuery Methods Design fd, tk,A

90
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

jQuery( html [, ownerDocument ] )

tc ge jQuery() Function esa igys Argument ds :i esa ,d String Format esa dksbZ Plain
Text ;k Row HTML Code Specify djrs gSa] rks ;s jQuery() Function ml String esa
Specified HTML Codes ds vuqlkj Current Web Page ds DOM Tree esa u, Elements
Create dj nsrk gSA

tc ge jQuery() Function esa fdlh String dks igys Parameter ds :i esa Pass djrs gSa] rks
jQuery lcls igys ml String dks bl ckr ds fy, Check djrk gS fd D;k mlesa dksbZ
HTML Element Tag Specify fd;k x;k gS] tks fd Less Then Symbol (<div>, <p>, <a>,
<h1>, etc…) ls “kq: gksrk gSA

;fn igys Parameter ds :i esa Specified String dh “kq:vkr Less Then Symbol ls u gks]
rks jQuery ml String dks ,d Selector dh rjg Treat djrk gS vkSj DOM Tree ls mu
Nodes ds References dks ,d jQuery Object ds :i esa Return djrk gS] tks fd ml
String esa Specified Selector ls Match gksrs gSaA

ysfdu ;fn igys Parameter ds :i esa Specified Sting esa dksbZ HTML Element Specified
gks] rks jQuery ml Specified HTML Element dks Current Web Page ds DOM Tree esa
Create djrk gS vkSj u;k Element Create djus ds ckn ml u, Element dk Reference
,d jQuery Object dh rjg Return djrk gSA

ifj.kkeLo:i bl Return gksus okys Object ds lkFk ge fdlh Hkh vU; jQuery Method dks
Use dj ldrs gSaA bl izfØ;k dks le>us ds fy, ge ,d mnkgj.k ns[krs gSa] tks fd fuEukuqlkj
gS%

File Name: AddNewElementInDOMTree.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Adding New Elements in the DOM Tree</title>
</head>

<body>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script>
jQuery('<h1>This is dynamically created Heading </h1>').appendTo('body');
</script>
</body>
</html>

tSlkfd mijksDr Web Page ds HTML Code esa ge ns[k ldrs gSa fd geus gekjs Web Page
ds Body Element esa dksbZ Hkh Content Specify ugha fd;k gS] ysfdu fQj Hkh gesa gekjs Web
Page ds Render gksus ij fuEu fp=kuqlkj ,d Heading Element fn[kkbZ ns jgk gS%

91
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

ge le> ldrs gSa fd ;s Heading Dynamically Create gks jgk gS vkSj bls Create djus dk
dke jQuery() Function fuEukuqlkj dj jgk gS%

jQuery('<h1>This is dynamically created Heading </h1>').appendTo('body');

pwafd tSlkfd geus igys Hkh dgk fd jQuery() Function esa ge tc Hkh igys Parameter ds
:i esa fdlh String dks Specify djrs gSa] rks jQuery Parser lcls igys ;s Check djrk gS
fd String dh “kq:vkr Less Then Character ls gks jgh gS ;k ugha tks fd jQuery Engine
ds fy, bl ckr dk Signal gksrk gS fd mls DOM Tree esa u;k Element Create djuk gS
vkSj mijksDr jQuery Statement esa Specified String dh “kq:vkr ,d Less Then
Character ls gks jgh gSA ifj.kkeLo:i tc ;s Statement Run gksrk gS rks jQuery() Function
,d u;k <h1> Element Create djrk gSA

gkykafd jQuery() Function mijksDrkuqlkj String Specify djus dh otg ls Memory esa ,d
Heading Element Create dj nsrk gS] ysfdu tc rd ge bls fdlh DOM Tree Element
ds Child ds :i esa Append ugha djrs] rc rd ;s Newly Created Element Web Browser
esa Render ugha gksrkA

blhfy, tc jQuery() Function Memory esa u;k Element Create djds mldk Reference
,d jQuery Object dh rjg Return djrk gS] rks ml Return gksus okys jQuery Object ds
lkFk geus jQuery Library ds appendTo() Method dk iz;ksx djds JavaScript Interpreter
dks ;s crk;k gS fd Newly Created Heading Element dks ge Body Element ds Child ds
:i esa Append djuk pkgrs gSaA

;gka ;s ckr le>uk vkids fy, mi;ksxh jgsxk fd tc ge fdlh Single HTML Element dks
jQuery() Function esa Specify djrs gSa] tSlkfd fiNys mnkgj.k esa <h1> Element dks fd;k
x;k gS] rc jQuery Parser u;k Element Create djus ds fy, okLro esa JavaScript ds
createElement() DOM API Function dks Use djrk gSA tcfd fdlh HTML Element
String dks ge jQuery() Function ds igys Parameter ds :i esa fuEukuqlkj fdlh Hkh rjhds
dk iz;ksx djrs gq, Pass dj ldrs gSa%

jQuery('<img />');
jQuery('<img>');
jQuery('<h1>');
jQuery('<h1></h1>');

ysfdu tc ge fuEukuqlkj fdlh Complex Raw HTML String dks jQuery() Function ds
igys Argument ds :i esa Pass djrs gSa] ftlesa dbZ HTML Elements gksrs gSa] rc jQuery
Parser okLro esa Internally JavaScript ds innerHTML DOM API Property dk iz;ksx
djds mu lHkh Elements dks Create djrk gS%

92
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

jQuery( "<p id='test'>jQuery is my <i>latest</i> ebook</p>" ).appendTo( "body" );

tc ge bl izdkj dk Complex Raw HTML String jQuery() Function esa Pass djrs gSa] rc
jQuery Engine Internally ,d u;k <div> Element Create djrk gS vkSj mldh
innerHTML Property esa jQuery() Function esa Pass dh xbZ Raw HTML String dks Set
dj nsrk gSA

pwafd innerHTML Property dks vyx&vyx Web Browsers vyx&vyx rjhds ls Treat
djrs gSa] ftlds ckjs esa vki foLrkj ls “Advance JavaScript in Hindi” iqLrd }kjk tku
ldrs gSaA blfy, tgka rd lEHko gks gesa] jQuery() Function ds ek/;e ls u;k Element
Create djrs le; Single HTML Element gh Create djuk pkfg,] rkfd gekjk Web Page
Cross-Browser jgs ;kuh lHkh Web Browsers esa leku :i ls Render gksA

jQuery() Function ds ek/;e ls tc ge dksbZ u;k Element Create djrs gSa] rc ge bl

Function esa nwljs Argument ds :i esa ,d PlainObject Pass dj ldrs gSa] tks fd Create
gksus okys u, Element ds fofHkUu Attributes dks Key-Value Pair ds :i esa Specify djrk
gS] ftUgsa jQuery Library ds attr() Method esa Pass fd;k tk ldrk gSA

tc ge jQuery() Function esa u;k Element Create djrs le; nwljs Argument ds :i esa
,d PlainObject Specify djrs gSa] rc ;s t:jh gksrk gS fd ge igys Argument ds :i esa
dsoy ,d Single Element dks Specify djsaA lkFk gh gesa bl ckr dk Hkh /;ku j[kuk gksrk gS
fd ge bl igys Argument esa Specified Element ds lkFk fdlh Hkh Attribute dks Specify
u djsaA

mnkgj.k ds fy, ;fn ge ,d ,slk Heading Element Create djuk pkgrs gSa] ftlds id
Attribute esa Value ds :i esa “topHeading” eku gks tcfd class Attribute esa Value ds
:i esa “myHeading” eku gksA rks bl Requirement dks ge nksuksa rjhdksa ls fuEukuqlkj iwjk
dj ldrs gSa%

File Name: AddNewElementWithAttributes.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Adding New Elements in the DOM Tree with Attributes</title>
</head>

<body>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script>
jQuery("<h1 id='topHeading' class='myHeading'>It’s Query</h1>").appendTo("body");
jQuery("<h1></h1>",
{
'id': 'topHeading',
'class': 'myHeading'
}
).appendTo("body").text("It's jQuery");

93
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

</script>
</body>
</html>

tc ge bl Web Page dks Web Browser }kjk Render djrs gSa] rks gesa fuEu fp=kuqlkj
Output Page izkIr gksrk gS%

geus gekjs bl Web Page esa nks rjhdksa ls jQuery() Function dks Use fd;k gS vkSj nksuksa gh
rjhdksa ls ,d u;k Heading Element Create gksrk gS] ftlds id o class uke ds nks
Attributes Hkh gksrs gSaA ;s nksuksa Statements fuEukuqlkj gSa%

jQuery("<h1 id='topHeading' class='myHeading'>It’s Query</h1>").appendTo("body");

;s Statement fcYdqy Simple Statement gS] ftlds ckjs esa ge igys gh le> pqds gSaA

jQuery("<h1></h1>",
{
'id': 'topHeading',
'class': 'myHeading'
}
).appendTo("body").text("It's jQuery");

tSlkfd ge ns[k ldrs gSa fd ;s Statement dqN Special gSA bl Statement esa igys
Argument ds :i esa geus dsoy ,d Heading Element <h1></h1> dks Specify fd;k gS
tcfd blds lkFk Associate fd, tkus okys Attributes dks geus nwljs Argument ds :i esa
,d PlainObject dh rjg fuEukuqlkj Specify fd;k gS%

{
'id': 'topHeading',
'class': 'myHeading'
}

tc ;s jQuery() Function Run gksrk gS] rc lcls igys JavaScript ds createElement()

DOM API Function dk iz;ksx djrs gq, ,d Heading Element Create djrk gS vkSj fQj
ml Heading Element esa JavaScript ds setAttribute() DOM API Function dk iz;ksx
djrs gq, id o class uke ds nks Attributes Create djrk gS vkSj mu Attributes esa Value ds
:i esa Øe”k% “topHeading” o “myHeading” eku Set dj nsrk gSA

94
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

Element iwjh rjg ls Create gks tkus ds ckn jQuery Parser, Newly Created Heading
Element ds Memory Address dk Pointer ,d jQuery Object ds :i esa Return djrk gS]
ftlds lkFk appendTo() jQuery Method dk iz;ksx djrs gq, ge bl Newly Created
Heading Element dks Current Document ds <body> Element ds Child ds :i eas
Append dj nsrs gSaA

pwafd jQuery Library ,d Factory Pattern ij vk/kkfjr Object gS] blfy, gj jQuery
Method Execute gksus ds ckn fQj ls ,d u;k jQuery Object Return djrk gSA

ifj.kkeLo:i tc appendTo() Method Run gksrk gS] rks Newly Created Heading
Element dks Body ds Child ds :i esa Append djus ds ckn fQj ls ,d Object Return
djrk gS] ftlesa bl Newly Created Heading Element dk Reference gksrk gSA

blfy, blh Newly Created Heading Element ds lkFk vkSj dksbZ Processing djus ds fy,
ge fQj ls Dot ( . ) Operator dk iz;ksx djrs gq, vkxs Chining dj ldrs gSa] tks fd jQuery
dh ,d cgqr cMh fo”ks’krk gSA

pwafd tc ge bl nwljs rjhds ls u;k Element Create djrs gSa] rc Newly Created Element
esa dksbZ Text ugha gksrkA blfy, Newly Created Heading Element esa u;k Text Append
djus ds fy, gesa jQuery Library }kjk Provided text() Method dks fuEukuqlkj Use djuk
gksrk gS%

. . . ).appendTo("body").text("It's jQuery");

Newly Created Heading Elements nksuksa gh rjhdksa ls leku :i ls Create gks jgs gSa ;k
ugha] bl ckr dk irk yxkus ds fy, ge Firefox ds Firebug Tool ds HTML Table dks
fuEukuqlkj Check dj ldrs gSa%

tSlkfd mijksDr fp= esa ge ns[k ldrs gSa fd Web Page ds Script dh Parsing gksus ds ckn
gesa nks Heading Elements fn[kkbZ ns jgs gSa vkSj nksuksa gh Elements eas id o class
Attributes rFkk Contents lcdqN ,d leku gSaA ;kuh jQuery() Function dks nksuksa gh rjhdksa
ls Use djrs gq, ge leku izdkj dk u;k Element Create dj ldrs gSaA

95
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

tc ge nwljs rjhds ls jQuery() Function dks Use djrs gSa] rc ge jQuery Library esa
Defined fdlh Hkh Event Type dks Pass fd, tkus okys PlainObject esa Property dh rjg
Use dj ldrs gSaA

gkykafd jQuery Library esa Specified fofHkUu Event Objects dks ge vkxs foLrkj ls le>saxs]
ysfdu fQj Hkh ,d lkekU; mnkgj.k ds :i esa ge “click” Event dks Use dj ldrs gSa] tks fd
ml le; Trigger gksrk gS] tc ge fdlh Element ij Click djrs gSaA

eku yhft, fd ge jQuery ds ek/;e ls vius Web Page ij ,d Button Create djuk
pkgrs gSa vkSj ge pkgrs gSa fd tc ge ml Input Button ij Click djsa] rc ,d Alert Box
Display gksA bl t:jr dks iwjk djus ds fy, ge jQuery() Function dks fuEukuqlkj rjhds ls
Use dj ldrs gSa%

File Name: AddingEventWithTheElementDynamically.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Adding Event with the Element Dynamically</title>
</head>

<body>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script>
jQuery("<input />",
{
"type": "button",
"value": "Click Me",
click: function () { alert('Hi, I am from dynamic jQuery Codes'); }
}
).appendTo('body');
</script>
</body>
</html>

tSlkfd bl Web Page esa Specify fd, x, jQuery Code esa ge ns[k ldrs gSa fd geus
jQuery() Function ds ek/;e ls Dynamically Button Type dk ,d <input> Element
Create fd;k gS vkSj nwljs Argument ds :i esa geus ,d PlainObject ds :i esa] Newly
Create gksus okys <input> Element ds lkFk “type” o “value” Attributes dks Key-Value
Pair ds :i esa Specify fd;k gSA

lkFk gh geus fuEukuqlkj Statement }kjk ,d click Event dks Hkh bl Newly Create gksus
okys <input> Element ds lkFk Dynamically Attach fd;k gS vkSj bl click Event ds lkFk
,d Anonymous Function ds :i esa ml JavaScript Code dks Specify fd;k gS] ftls ge
rc Run djuk pkgrs gSa] tc Button dks Click fd;k tkrk gS%

{
...

click: function () { alert('Hi, I am from dynamic jQuery Codes'); }

96
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

tc ge mijksDr Web Page dks Web Browser esa Render djrs gSa] rc gesa gekjk Web
Page fuEukuqlkj fn[kkbZ nsrk gS] ftlesa ,d Newly Created Button gksrk gS%

tc ge bl Web Page ij fn[kkbZ nsus okys Button ij Click djrs gSa] rks mijksDr Code ds
vuqlkj Newly Created <input> Button Element ds click Property ds lkFk Associated
Anonymous Function dk Code Execute gks tkrk gS vkSj gesa vxys fp= esa fn[kk, vuqlkj
,d Alert Dialog Box fn[kkbZ nsrk gS%

bl rjg ls ge fdlh Hkh Newly Created Element ds lkFk fdlh Hkh jQuery Library
Supported Event dks Dynamically Attach dj ldrs gSaA lkFk gh ge jQuery Library ds
val(), css(), html(), text(), data(), width(), height() o offset() Methods dks Hkh Newly
Created Element ds lkFk Use dj ldrs gSaA

bruk gh ugha ge jQuery Library esa Add fd, x, u, Method on() dks Hkh jQuery()
Function ds nwljs Argument ds :i esa Specified PlainObject esa ,d Property ds :i esa
Specify djrs gq, Newly Create gksus okys Element ds lkFk fdlh Event dks Attach dj
ldrs gSaA bl izfØ;k dks ge fuEu mnkgj.k }kjk csgrj rjhds ls le> ldrs gSa%

File Name: AddingEventWithTheElementDynamicallyUsingOnMethod.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Adding Event with the Element Dynamically</title>
</head>

<body>

97
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

<script type="text/javascript" src="js/jquery-1.9.1.js"></script>

<script>
jQuery("<input />",
{
"type": "button",
"value": "Click Me",
on: {
click: function (event) {
alert('Hi, I am from dynamic jQuery Codes');
}
}
}).appendTo('body');
</script>
</body>
</html>

tSlkfd mijksDr Web Page ds jQuery Code esa ge ns[k ldrs gSa fd geus jQuery()
Function ds nwljs Parameter ds :i esa ,d PlainObject Pass fd;k gS vkSj bl Object ds
vUnj on Property ds lkFk fQj ls ,d PlainObject dks Specify fd;k gS] tks fd ,d click
Event dks Newly Create gksus okys Input Button ds lkFk Associated dj jgk gS] D;ksafd
on() Method Hkh ,d Plain Object ds :i esa gh Event ds uke dks Key ds :i esa rFkk
Event Handle djus okys Anonymous Function dks Value ds :i esa Accept djrk gSA
;kuh geus ,d PlainObject ds vUnj nwljs Plain Object dh Nesting dh gS

ge fdlh u, Element dks Create djds Append dj nsus ds ckn Hkh ml Newly Created
Element ds lkFk fdlh Event dks Attach dj ldrs gSa vkSj ,slk djus ds fy, ge jQuery
Library ds on() Method dks fuEu Web Page esa fy[ks x, Codes ds vuqlkj Use djrs gSa%

File Name: AddingEventAfterElementCreationAndAppending.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Adding Event After Element Creation And Appending</title>
</head>

<body>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script>
jQuery("<input />",
{
"type": "button",
"value": "Click Me"
}).appendTo('body');

jQuery('input').on({
click: function (event) { alert('Hi, I am from dynamic jQuery Codes'); }
});
</script>
</body>
</html>

98
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

bl Web Page esa geus lcls igys jQuery() Function dk iz;ksx djds Dynamically ,d
u;k <input> Button Create fd;k gS vkSj mls Body Element ds lkFk Append fd;k gS
vkSj fQj vxys Statement esa fuEukuqlkj jQuery ds on() Method dk iz;ksx djds ml
Newly Created Element ds lkFk click Event dks Attach fd;k gS%

jQuery('input').on({
click: function (event) { alert('Hi, I am from dynamic jQuery Codes'); }
});

tSlkfd ge ns[k ldrs gSa fd on() Method Hkh Argument ds :i esa ,d PlainObject Accept
dj jgk gS ftlesa Property ds :i esa geus “click” dks Specify fd;k gS vkSj ml Property
dh Value ds :i esa geus ,d Anonymous Function Specify fd;k gSA tc ge bl Newly
Created Button ij Click djrs gSa] rks ;s Web Page Hkh Exactly fiNys okys Web Page dh
rjg gh dke djrk gS vkSj gesa ,d Alert Box fn[kkbZ nsrk gS!

ftl rjg ls geus mijksDr jQuery Code ds vuqlkj Newly Created Button Element ds
lkFk ,d u;k Event Assign fd;k gS] mlh rjg ls ge Web Page ij fLFkr fdlh Hkh vU;
Element ds lkFk fdlh Hkh jQuery Event dks Attach dj ldrs gSa] fQj Hkys gh og Element
Web Page esa igys ls Exist jgk gks ;k fQj geus mls Dynamically Create fd;k gksA

jQuery esa ,d gh dke dks djus ds fy, dbZ rjhds Provide fd, x, gSa] ftUgsa ge gekjh
t:jr o lqfo/kk ds vuqlkj mi;ksx esa ys ldrs gSaA mnkgj.k ds fy, geus mijksDr Discussion
}kjk nks rjhdksa ls fdlh Element ds lkFk Click Event dks Attach fd;k gSA blds vykok Hkh
vkSj rjhds gSa] ftudk iz;ksx djds ge fdlh Element ds lkFk fdlh Event dks Attach dj
ldrs gSa] ftuds ckjs esa ge vkxs tkusaxsA

jQuery( callback )
okLro esa bl rjhds dks ge igys Hkh Use dj pqds gSaA tc ge fdlh ,d Function esa fdlh
nwljs Function dks Parameter ds :i esa Specify djrs gSa vkSj og nwljk Function, igys
Function dks Call djrk gS] rks bl Mechanism esa Parameter ds :i esa Pass gksus okyk
Function ,d izdkj dk Callback Function gksrk gSA

tc ge jQuery() Function dks bl rjhds ls Use djrs gSa] rc ge okLro esa Internally
jQuery(document).ready(); Statement dks gh Run dj jgs gksrs gSa vkSj ready() Method
esa handler ds :i esa ge ftl Function dk Reference ;k Anonymous Function Specify
dj jgs gksrs gSa] og Handler Function okLro esa ,d izdkj dk Callback Function gksrk gS]
D;ksafd ml Function dks bl Statement dk ready() Method Call dj jgk gksrk gSA tSls%

File Name: DOMisReady-AnonymousFunctionAsArgument.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DOM is Ready - Anonymous Function as Argument</title>
</head>

<body>

99
Any Question or Suggestion, Click Here to Discuss
 jQuery in Hindi
The most used JavaScript library

<script type='text/javascript' src="js/jquery-1.9.1.js"></script>

<script>
jQuery('document').ready(function () {
alert('jQuery ready event fired because DOM is loaded.');
});
</script>
</body>
</html>

bl Web Page ds jQuery Code esa geus ready() Method esa tks Anonymous Function
Specify fd;k gS] og okLro esa ,d Callback Function gS] D;ksafd bl Function dks ready()
Method }kjk Call o Execute fd;k tkrk gSA

100
Any Question or Suggestion, Click Here to Discuss
How to Get this Ebook in PDF Format
;s iqLrd dsoy PDF Format Ebook ds :i esa gh Available gS vkSj vki bl iqLrd dks dsoy
gekjh Official Website (http://www.bccfalna.com/) ls gh [kjhn ldrs gSaA blfy, ;fn vkidks
;s iqLrd ilUn vk jgh gS vkSj vki bls PDF Format Ebook ds :i esa [kjhnuk pkgrs gksa] rks vki
bl iqLrd dks Online [kjhnus ds fy, fuEukuqlkj fn, x, 3 Simple Steps Follow dj ldrs gSa%

Select Purchasing EBooks

lcls igys http://www.bccfalna.com/how-to-pay/ Link ij Click dhft,A tSls gh vki bl
Link ij Click djsaxs] vki gekjh Website ds fuEukuqlkj Order Page ij igqap tk,saxs %

bl Page ij vkidks mu iqLrdksa dks Select djuk gS] ftUgsa vki [kjhnuk pkgrs gSaA vki tSl&
s tSls
iqLrdsa Select djrs tk,saxs] vkidks mudk Total Amount, Discount o Total Payable Amount
mijksDr fp=kuqlkj fn[kkbZ nsus yxsxk] tgka Total Payable Amount gh og Amount gS] tks vkidks
viuh Selected EBooks dks [kjhnus ds fy, Pay djuk gksxkA

iqLrdsa Select djus ds ckn blh Page ij fn[kkbZ nsus okys “Order Details” Form esa vkidks fuEu
fp=kuqlkj viuk Name, Email Address o Mobile Number Specify djds “Order Now” ij
Click djrs gq, mijksDr Selected EBooks dk Order Place djuk gksxk%
pwafd ;s lkjh iqLrdsa Physical Books ugha cfYd PDF Format Ebooks gSaA blfy, ;s iqLrdsa
vkidks vkids Email ij gh Hksth tk,saxh] ftUgsa vki vius Email ds ek/;e ls vius Computer ij
Download djds vius PDF Supported Computer, Mobile, Smart Phone, Tablet PC, Net-
Book, Notebook ;k Laptop tSlh fdlh Hkh Device ds ek/;e ls i< ldrs gSa vFkok ;fn vki pkgs]a
rks vius Printer }kjk bu iqLrdksa dk Hard Copy Printout fudky ldrs gSaA

blfy, t:jh gS fd mijksDr “Order Details” Form ij vki tks Email Address o Mobile
Number Specify djrs gSa] og Working vkSj ,dne lgh gksA D;ksafd fdlh Hkh rjg dh ijs”kkuh
dh fLFkfr esa ge vkidks vkids Mobile Number ij gh Contact djrs gSaA

Pay “Total Payable Amount”

tSls gh vki “Order Now” Button ij Click djsxa s] vkidks ,d Email feysxk] ftlesa vki }kjk
Order dh xbZ EBooks dh Details gksxhA Selected iqLrdksa dk Order Place djus ds ckn vc
vkidks “Total Payable Amount” dk Payment djuk gksxkA

;fn vkids ikl Net-Banking ;k Mobile-Banking dh lqfo/kk gS] rks vki Payment djus ds fy,
vius Account esa Login djds fuEu esa ls fdlh Hkh Bank A/c esa Payment Deposit dj ldrs gSa%
tc vki Net-Banking ds ek/;e ls Payment djuk pkgrs gSa] rks vkidks yxHkx 8 ls 24 ?k.Vs igys
gekjs ml Account dks Beneficiary ds :i esa vius Bank A/c ls Link djuk iMrk gS] ftlesa vki
Payment Deposit djuk pkgrs gSaA

;fn vkids ikl Net-Banking ;k Mobile-Banking dh lqfo/kk ugha gS] rks vki gekjs fdlh Hkh
Bank A/c esa Total Payable Amount, Direct Deposit Hkh dj ldrs gSaA

tc vki Direct Deposit djuk pkgrs gSa] rc vkidks vkids fdlh Hkh utnhdh Bank Branch esa
tkdj ,d Payment Deposit Slip Fill-Up djuk gksrk gS] ftlesa vkidks gekjs fdlh Hkh Bank A/c
dh Information dks Fill djuk gksrk gS] tcfd Payment Deposit djokus ds fy, mlh Bank esa
vkidk Lo;a dk Account gksuk t:jh ugha gSA

mnkgj.k ds fy, ;fn vki gekjs SBI Bank A/c esa viuh Selected iqLrdksa dk Total Payable
Amount Pay djus ds fy, Bank esa tkdj Direct Deposit djuk pkgrs gSa] rks vki tks Payment
Deposit Slip Fill-Up djsaxs] og fuEu fp=kuqlkj djuk gksrk gS%
bl fp= }kjk vki le> ldrs gSa fd Payment, Direct Deposit djus ds fy, vkidks gekjs fdlh
Bank A/c dh Information dks Payment Deposit Slip esa Specify djuk gksrk gS] blfy, ml
Bank esa vkidk Lo;a dk Bank A/c gksuk t:jh ugha gksrkA

Net-Banking, Mobile-Banking o Direct Deposit ds vykok fdlh vU; ek/;e ls Hkh vki
Payment dj ldrs gSAa mnkgj.k ds fy, dqN Banks viuh ATM Machine }kjk Direct Payment
Transfer djus dh lqfo/kk Provide djrs gSaA

;fn vkids Bank dk ATM Machine bl rjg ls Payment Transfer djus dh lqfo/kk nsrk gS] rks
vkidks Bank esa tkdj Payment Deposit Slip ds ek/;e ls Payment djus dh t:jr ugha gksrh]
cfYd vki Bank ds ATM Machine ls Hkh Directly gekjs fdlh Hkh Bank A/c esa Total Payable
Amount Transfer dj ldrs gSaA blh rjg ls ;fn vki pkgs]a rks gekjs fdlh Hkh Bank A/c esa
Check }kjk Hkh Amount Direct Deposit dj ldrs gSaA

;kuh vki fdlh Hkh rjhds ls gekjs fdlh Hkh Bank A/c esa Total Payable Amount Deposit dj
ldrs gSaA ysfdu ge Money-Order, Demand-Draft ;k Check tSls Manual ek/;eksa ls
Payment Accept ugha djrs] D;ksafd bl rjg dk Payment Clear gksus esa cgqr le; yxrk gSA
tcfd Direct Deposit ;k Mobile vFkok Net-Banking ds ek/;e ls rqjUr Payment Transfer gks
tkrk gS] ftlls ge vkidks vkidh Purchased EBooks 20 ls 30 Minute ds njE;ku vkids Order
esa Specified Email ij Send dj nsrs gSAa

Confirm the Payment

tc vki viuh Selected iqLrdksa dks [kjhnus ds fy, mijksDrkuqlkj fdlh Hkh rjhds ls “Total
Payable Amount” gekjs fdlh Hkh Bank A/c esa Deposit dj nsrs gSa] rks Payment Deposit djrs
gh vkidks gesa mlh Mobile Number ls ,d Call/Miss Call/SMS djuk gksrk gS] ftls vkius
Order Place djrs le; “Order Form” esa Specify fd;k FkkA

blh Mobile Number ds ek/;e ls gesa irk pyrk gS fd vkius fdu iqLrdksa ds fy, Order fd;k gS
vkSj mudk Total Payable Amount fdruk gSA lkFk gh gesa ;s Hkh irk py tkrk gS fd vki }kjk
Purchase dh tk jgh iqLrdsa fdl Email Address ij Send djuh gSA

vkids Total Payable Amount dks ge Net-Banking ds ek/;e ls vius Bank A/c esa Check djrs
gSa vkSj ;fn vkidk Total Payable Amount gekjs fdlh Hkh Bank A/c esa Deposit gqvk gksrk gS] rks
ge vkidks 30 Minute ds njE;ku vkidh Ordered EBooks vkids Email ij Send dj nsrs gSa]
ftls vki vxys fnu 12AM rd Download dj ldrs gSaA

;fn vHkh Hkh vkidks dksbZ ckr Bhd ls le> esa u vk jgh gks ;k fdlh Hkh rjg dk Confusion gks]
rks vki 097994-55505 ij Call/Miss Call/SMS dj ldrs gSaA ;Fkk lEHko rqjUr vkidks
Callback fd;k tk,xk vkSj vkidh leL;k ;k Confusion dk Best Possible Solution djus dh
dksf”k”k dh tk,xhA

mEehn gS] bl iqLrd ds Sample Chapters dk Demo Hkh vkidks ilUn vk;k gksxk vkSj gesa iwjk
fo”okl gS fd iwjh iqLrd vkidks vkSj Hkh T;knk ilUn vk,xhA