1 00:00:00,000 --> 00:00:04,439 2 00:00:04,439 --> 00:00:07,230 ડો LLOYD: આ વિડિઓ માં, અમે ઇચ્છતા અલગ ધ્યાન બહાર કૉલ 3 00:00:07,230 --> 00:00:09,110 એક ખૂબ જ ખાસ માટે જાવાસ્ક્રિપ્ટ તત્વ 4 00:00:09,110 --> 00:00:11,350 તમે હાથમાં શોધી શકે છે કે જ્યારે તમે શરૂ કરી રહ્યાં છો 5 00:00:11,350 --> 00:00:15,750 વેબ પાનાંઓ હેરફેર પર કામ કરવા માટે અને તમારા વેબ પાનું સામગ્રી બદલવાનું 6 00:00:15,750 --> 00:00:16,460 ફ્લાય પર. 7 00:00:16,460 --> 00:00:19,450 અને તે કલ્પના છે ડોક્યુમેન્ટ ઓબ્જેક્ટ મોડેલ. 8 00:00:19,450 --> 00:00:23,030 તેથી અમે અમારા વિડિઓ જોયું જાવાસ્ક્રિપ્ટ, પદાર્થો ખૂબ જ સરળ છે. 9 00:00:23,030 --> 00:00:24,750 >> અને તેઓ વિવિધ ક્ષેત્રો સમાવી શકે છે. 10 00:00:24,750 --> 00:00:28,075 અને અમે ઘણો જાય ન હતી છતાં વિગતવાર, તે ક્ષેત્રો અથવા ગુણધર્મો, 11 00:00:28,075 --> 00:00:30,200 કે અમે કદાચ વધુ કરશે યોગ્ય તેમને કૉલ 12 00:00:30,200 --> 00:00:33,915 પણ એક પદાર્થ સંદર્ભમાં, તે ગુણધર્મો અન્ય વસ્તુઓ હોઈ શકે છે. 13 00:00:33,915 --> 00:00:36,210 અને તે પદાર્થો અંદર અન્ય વસ્તુઓ હોઈ શકે છે. 14 00:00:36,210 --> 00:00:39,630 >> તમે આ ખૂબ જ વિશાળ પદાર્થ છે અન્ય વસ્તુઓ ઘણો સાથે 15 00:00:39,630 --> 00:00:43,550 તે અંદર છે, કે જે સૉર્ટ એક મોટા વૃક્ષ આ વિચાર બનાવે છે. 16 00:00:43,550 --> 00:00:47,540 હવે, ડોક્યુમેન્ટ ઓબ્જેક્ટ છે જાવાસ્ક્રિપ્ટ ખૂબ જ ખાસ પદાર્થ 17 00:00:47,540 --> 00:00:52,580 જે તમારા સમગ્ર વેબ આયોજન છત્ર આ પ્રકારની હેઠળ પાનું 18 00:00:52,580 --> 00:00:53,470 એક પદાર્થ. 19 00:00:53,470 --> 00:00:56,770 અને તેથી જે દસ્તાવેજ અંદર પદાર્થ પ્રસ્તુત વસ્તુઓ છે 20 00:00:56,770 --> 00:00:59,630 તમારા વેબ પાનું વડા અને શરીર. 21 00:00:59,630 --> 00:01:03,760 >> તે અંદર અન્ય છે પદાર્થો, વગેરે એટ છે, વગેરે એટ છે, 22 00:01:03,760 --> 00:01:08,411 તમારા સમગ્ર વેબ પાનું છે ત્યાં સુધી આ મોટી પદાર્થ આયોજન કરવામાં આવી છે. 23 00:01:08,411 --> 00:01:09,660 ઊંધો અધિકાર, અહીં શું છે? 24 00:01:09,660 --> 00:01:12,170 વેલ, અમે કામ કરવા માટે કેવી રીતે ખબર જાવાસ્ક્રિપ્ટ પદાર્થો સાથે. 25 00:01:12,170 --> 00:01:15,840 >> અમે એક પદાર્થ હોય તો તેથી તે કે અમારા સમગ્ર વેબ પાનું ઉલ્લેખ કરે છે 26 00:01:15,840 --> 00:01:19,590 યોગ્ય ફોન દ્વારા અર્થ એ થાય પદ્ધતિઓ છે કે જે પદાર્થ ચાલાકી 27 00:01:19,590 --> 00:01:22,360 અથવા અમુક ફેરફાર તેના ગુણધર્મો, અમે 28 00:01:22,360 --> 00:01:25,500 ના તત્વો બદલી શકો છો અમારા પાનું પ્રોગ્રામ 29 00:01:25,500 --> 00:01:30,210 જાવાસ્ક્રિપ્ટ ઉપયોગ કરીને બદલે કર્યા એચટીએમએલ, કહે છે, સાથે વસ્તુઓ કોડ માટે. 30 00:01:30,210 --> 00:01:33,760 તેથી અહીં એક એક ઉદાહરણ છે વેબ પૃષ્ઠ ખૂબ જ સરળ, અધિકાર? 31 00:01:33,760 --> 00:01:35,850 તે એચટીએમએલ ટૅગ્સ, એક વડા મળ્યું છે. 32 00:01:35,850 --> 00:01:37,979 >> ની અંદર એક શીર્ષક હેલો, વિશ્વ છે. 33 00:01:37,979 --> 00:01:38,770 પછી હું શરીર છે. 34 00:01:38,770 --> 00:01:40,686 કે અંદર, હું ત્રણ અલગ અલગ વસ્તુઓ છે. 35 00:01:40,686 --> 00:01:44,170 હું એક H2 શીર્ષક ટેગ હોય એક ફકરા, અને એક લિંક છે. 36 00:01:44,170 --> 00:01:45,920 આ એક ખૂબ જ સરળ વેબ પાનું છે. 37 00:01:45,920 --> 00:01:48,590 >> ઠીક છે, શું કદાચ દસ્તાવેજ જેમ આ દેખાવ માટે પદાર્થ? 38 00:01:48,590 --> 00:01:50,700 વેલ, તે થોડું છે કદાચ પ્રથમ ડરામણી. 39 00:01:50,700 --> 00:01:52,510 પરંતુ તે ખરેખર માત્ર એક મોટા વૃક્ષ છે. 40 00:01:52,510 --> 00:01:54,890 અને તે ખૂબ જ રુટ પર દસ્તાવેજ છે. 41 00:01:54,890 --> 00:02:00,030 >> દસ્તાવેજ અન્ય છે ની અંદર મારા પેજની એચટીએમએલ ઉલ્લેખ પદાર્થ. 42 00:02:00,030 --> 00:02:02,660 અને મારા પેજની એચટીએમએલ આ બધા છે. 43 00:02:02,660 --> 00:02:06,900 અને પછી HTML ની ​​અંદર પદાર્થ, હું એક વડા પદાર્થ હોય છે, 44 00:02:06,900 --> 00:02:09,000 જે ત્યાં બધું ઉલ્લેખ કરે છે. 45 00:02:09,000 --> 00:02:11,009 >> અને ત્યાં અંદર, હું એક શીર્ષક પદાર્થ હોય છે. 46 00:02:11,009 --> 00:02:15,620 અને ત્યાં અંદર, હું બીજા છે કે જે હમણાં જ હેલ્લો વિશ્વ છે પદાર્થ. 47 00:02:15,620 --> 00:02:18,020 હું મારું શરીર છે શકે છે આ જેમ રજૂ કરે છે. 48 00:02:18,020 --> 00:02:22,850 >> મારું શરીર ની અંદર, હું એક H2 છે પદાર્થ અને ફકરા માટે પી પદાર્થ 49 00:02:22,850 --> 00:02:25,270 અને એક લિંક માટે એક પદાર્થ. 50 00:02:25,270 --> 00:02:29,660 અને તેથી આ સમગ્ર વંશવેલો એક મોટા વૃક્ષ તરીકે રજૂ કરી શકાય છે 51 00:02:29,660 --> 00:02:31,990 નાના નાના ઘણાં બધાં સાથે વસ્તુઓ બહાર આવતા. 52 00:02:31,990 --> 00:02:33,740 હવે, અલબત્ત, જ્યારે આપણે પ્રોગ્રામિંગ કરી રહ્યાં છો 53 00:02:33,740 --> 00:02:35,560 એક મોટા વૃક્ષ જેવી વસ્તુઓ નથી લાગતું નથી. 54 00:02:35,560 --> 00:02:37,980 અમે વાસ્તવિક જોવા માંગો છો કોડ સંબંધિત વસ્તુઓ. 55 00:02:37,980 --> 00:02:40,790 >> અને સદનસીબે, અમે કરી શકો છો અમારા વિકાસકર્તા સાધનો વાપરવા 56 00:02:40,790 --> 00:02:46,080 ખરેખર એક નજર આ વેબસાઇટ દસ્તાવેજ ઓબ્જેક્ટ. 57 00:02:46,080 --> 00:02:48,150 અને ચાલો કે નથી. 58 00:02:48,150 --> 00:02:49,580 તેથી હું એક બ્રાઉઝર ટેબ ખોલી છે. 59 00:02:49,580 --> 00:02:51,540 >> અને હું વિકાસકર્તા સાધનો ખોલી છે. 60 00:02:51,540 --> 00:02:54,460 અને JavaScript પર મારી વિડિઓ માં, હું કન્સોલ નથી ઉલ્લેખ કર્યો છે કે 61 00:02:54,460 --> 00:02:56,770 માત્ર સ્થાને મૂકો જ્યાં અમે માહિતી છાપો, 62 00:02:56,770 --> 00:02:59,560 તે પણ એક જગ્યા છે જ્યાં છે અમે ઇનપુટ માહિતી કરી શકો છો. 63 00:02:59,560 --> 00:03:01,380 આ સંદર્ભમાં, શું હું કહેવા જાઉં છું 64 00:03:01,380 --> 00:03:05,720 હું પાછા વિચાર કરવા માંગો છો દસ્તાવેજ પદાર્થો, 65 00:03:05,720 --> 00:03:07,502 તેથી હું તેને પર એક નજર હોય શરૂ કરી શકો છો. 66 00:03:07,502 --> 00:03:08,460 તેથી હું આ કેવી રીતે કરી શકે? 67 00:03:08,460 --> 00:03:10,740 ઠીક છે, હું કરવા માંગો છો, તો ખરેખર સરસ રીતે તે આયોજન, 68 00:03:10,740 --> 00:03:16,317 હું console.dir, ડી-I-આર કહેવું જાઉં છું. હવે, હું ફક્ત પ્રિન્ટ માટે console.log ઉપયોગ 69 00:03:16,317 --> 00:03:17,400 બહાર કંઈક ખૂબ સરળ. 70 00:03:17,400 --> 00:03:20,450 પરંતુ હું આ આયોજન કરવા માંગો છો, તો ક્રમ એક પદાર્થ જેવી છે, 71 00:03:20,450 --> 00:03:23,800 હું તે પ્રકારની માળખાગત માંગો છો ડિરેક્ટરી જેવું માળખું. 72 00:03:23,800 --> 00:03:27,400 >> તેથી હું દસ્તાવેજ console.dir કરવા માંગો છો. 73 00:03:27,400 --> 00:03:28,430 હું દાખલ ફટકો જાઉં છું. 74 00:03:28,430 --> 00:03:32,350 અને તેને અધિકાર નીચે હવે, અને હું અહીં ઝૂમ પડશે 75 00:03:32,350 --> 00:03:36,000 હું આ પ્રતિભાવ દસ્તાવેજ મળી છે તે આગામી થોડી તીર સાથે. 76 00:03:36,000 --> 00:03:39,470 હવે, હું આ તીર ખોલો છો ત્યારે, સામગ્રી ઘણો હોઈ ચાલે છે. 77 00:03:39,470 --> 00:03:42,560 >> પરંતુ અમે ઘણો અવગણો જઈ રહ્યાં છો તે અને ધ્યાન માત્ર પ્રકારની 78 00:03:42,560 --> 00:03:46,250 સૌથી મહત્વપૂર્ણ ભાગ પર, અમે તેથી આ દસ્તાવેજ શોધખોળ શરૂ કરી શકો છો. 79 00:03:46,250 --> 00:03:50,125 ડોમ કરતાં ઘણો વધુ છે ગાંઠો અને બાળ ગાંઠો જનની છે. 80 00:03:50,125 --> 00:03:51,500 આનુષંગિક સામગ્રી ઘણો છે. 81 00:03:51,500 --> 00:03:52,280 >> તેથી હું આ અપ ખોલવા માટે જઇ રહ્યો છું. 82 00:03:52,280 --> 00:03:54,610 અને એક સમગ્ર ઘણો છે સામગ્રી કે પૉપ અપ. 83 00:03:54,610 --> 00:03:59,000 પરંતુ હું વિશે કાળજી બધા છે અહીં બાળક ગાંઠો. 84 00:03:59,000 --> 00:04:00,410 માતાનો ખોલવા દો. 85 00:04:00,410 --> 00:04:03,810 >> ત્યાં અંદર હું જોઈ પરિચિત કંઈક એચટીએમએલ. 86 00:04:03,810 --> 00:04:07,670 અમારા દસ્તાવેજનું જેથી અંદર એક સ્તર નીચે, એચટીએમએલ. 87 00:04:07,670 --> 00:04:08,550 હું ખોલો. 88 00:04:08,550 --> 00:04:10,380 અમે શું અપેક્ષા છે? 89 00:04:10,380 --> 00:04:13,760 >> તમે અમારી રેખાકૃતિ થી યાદ તો, અમે HTML ની ​​અંદર તે શોધવા જોઈએ? 90 00:04:13,760 --> 00:04:17,275 વૃક્ષ તે નીચે શું બે ગાંઠો છે? 91 00:04:17,275 --> 00:04:17,899 ચાલો શોધવા. 92 00:04:17,899 --> 00:04:18,940 અમે HTML ખોલો. 93 00:04:18,940 --> 00:04:22,079 અમે તેના બાળક ગાંઠો નીચે જાઓ. 94 00:04:22,079 --> 00:04:23,440 >> કે ઓપન પૉપ. 95 00:04:23,440 --> 00:04:25,990 માથા અને શરીર છે. 96 00:04:25,990 --> 00:04:28,540 અને અમે વડા ખોલી શકે છે. 97 00:04:28,540 --> 00:04:30,460 તેના બાળક ગાંઠો પર જાઓ. 98 00:04:30,460 --> 00:04:31,460 વેલ, આ શીર્ષક છે. 99 00:04:31,460 --> 00:04:33,293 >> અને અમે પર જાઓ શકે છે અને આ જેમ કાયમ. 100 00:04:33,293 --> 00:04:34,770 અમે તેમજ શરીર સાથે આવું કરી શકે છે. 101 00:04:34,770 --> 00:04:40,090 પરંતુ અમને જોવા માટે એક માર્ગ છે એક મોટી પદાર્થ તરીકે આયોજીત દસ્તાવેજ. 102 00:04:40,090 --> 00:04:42,610 અમે જોવા હોય તો અને મોટી છે ઘણો લાગે છે કે પદાર્થ 103 00:04:42,610 --> 00:04:47,480 કોડ જેમ, કે અમે શરૂ કરી શકો છો કે જે થાય છે મદદથી આગળ આ મોટા પદાર્થ ચાલાકી 104 00:04:47,480 --> 00:04:51,220 કોડ શું બદલવા માટે અમારા વેબસાઇટ જુએ છે અને જેવી લાગે છે. 105 00:04:51,220 --> 00:04:54,920 >> તેથી કે જે ખૂબ શક્તિશાળી સાધન છે હવે અમે અમારા નિકાલ પર હોય છે. 106 00:04:54,920 --> 00:04:57,360 અમે હમણાં જ જોયું તો, દસ્તાવેજ પદાર્થ પોતે 107 00:04:57,360 --> 00:05:01,392 અને તે અંદર વસ્તુઓ તમામ માત્ર, ગુણધર્મો અને પદ્ધતિઓ છે 108 00:05:01,392 --> 00:05:04,100 અમે કર્યું છે કે અન્ય કોઇ પદાર્થ જેવી જાવાસ્ક્રિપ્ટ સાથે કામ કરવામાં આવી છે. 109 00:05:04,100 --> 00:05:08,370 પરંતુ અમે તે મિલકત ઉપયોગ કરી શકો છો અને સૉર્ટ કરો નીચે વ્યાયામ એ જ પદ્ધતિઓનો ઉપયોગ 110 00:05:08,370 --> 00:05:10,900 અને મોટા દસ્તાવેજ વિચાર નીચા અને નીચલા અને નીચલા, 111 00:05:10,900 --> 00:05:13,360 ફાઇનર અને ફાઇનર અનાજ વિગતવાર, અમે ત્યાં સુધી 112 00:05:13,360 --> 00:05:17,510 એક ખૂબ ચોક્કસ ભાગ માટે વિચાર અમારા અમે બદલવા માંગો છો તે વેબ પાનું. 113 00:05:17,510 --> 00:05:22,700 >> અને અમે ગુણધર્મો અપડેટ જ્યારે ઑબ્જેક્ટ દસ્તાવેજ અથવા તે પદ્ધતિઓ કૉલ, 114 00:05:22,700 --> 00:05:24,450 વસ્તુઓ અમારા વેબ પૃષ્ઠ પર થાય છે શકે છે. 115 00:05:24,450 --> 00:05:28,420 અને અમે કોઈપણ પ્રેરણાદાયક શું કરવાની જરૂર નથી તે ફેરફારોની અસર લાવવા માટે હોય છે. 116 00:05:28,420 --> 00:05:33,160 >> અને તે એક સરસ ક્ષમતા છે અમે કોડ સાથે કામ કરી રહ્યા હો ત્યારે હોય છે. 117 00:05:33,160 --> 00:05:37,185 તેથી આ ગુણધર્મો અમુક છે શું છે એક ડોક્યુમેન્ટ ઓબ્જેક્ટ ભાગ કે છે? 118 00:05:37,185 --> 00:05:40,100 વેલ, તમે કદાચ જોયું તેમને એક દંપતિ ખરેખર ઝડપથી 119 00:05:40,100 --> 00:05:42,700 અમે ઝિપ કરવાનું આવ્યા હતા વિશાળ દસ્તાવેજ મારફતે 120 00:05:42,700 --> 00:05:45,150 પદાર્થ અમે માત્ર વેબ બ્રાઉઝરમાં જોવા મળી હતી. 121 00:05:45,150 --> 00:05:48,420 >> પરંતુ આ મિલકત એક દંપતિ આંતરિક HTML જેવી વસ્તુઓ હોઈ શકે છે. 122 00:05:48,420 --> 00:05:52,950 અને તમે પણ મને યાદ શકે છે જાવાસ્ક્રિપ્ટ વિડિઓ આ ઉપયોગ 123 00:05:52,950 --> 00:05:54,950 ખૂબ જ ઓવરને અંતે જ્યારે હું ઘટનાઓ વિશે વાત કરી હતી. 124 00:05:54,950 --> 00:05:56,125 આ આંતરિક HTML શું હતું? 125 00:05:56,125 --> 00:05:59,030 વેલ, તે છે માત્ર શું છે ટૅગ્સ વચ્ચે. 126 00:05:59,030 --> 00:06:01,590 >> અને તેથી આંતરિક એચટીએમએલ, ઉદાહરણ તરીકે, શીર્ષક 127 00:06:01,590 --> 00:06:05,390 અમે રાખ્યો હતો તો ટેગ, જતા એક ક્ષણ પહેલા ઉદાહરણ કે 128 00:06:05,390 --> 00:06:08,020 હેલો વર્લ્ડ કરવામાં આવ્યો હતો. 129 00:06:08,020 --> 00:06:10,140 તે અમારી પાનાંની ટાઇટલ હતું. 130 00:06:10,140 --> 00:06:12,370 અન્ય ગુણધર્મો નોડ નામ સમાવેશ થાય છે, જે 131 00:06:12,370 --> 00:06:15,810 એક HTML નામ છે શીર્ષક જેમ તત્વ. 132 00:06:15,810 --> 00:06:19,100 ID છે જે ને, એક HTML તત્વ યશ. 133 00:06:19,100 --> 00:06:23,790 >> અમે ખાસ સૂચવી શકે છે જણાવ્યું હતું કે અમારા HTML ચોક્કસ તત્વો 134 00:06:23,790 --> 00:06:27,510 જે સામાન્ય રીતે એક ID લક્ષણ સાથે, સીએસએસ સંદર્ભમાં હાથમાં આવે છે, 135 00:06:27,510 --> 00:06:29,000 ખાસ. 136 00:06:29,000 --> 00:06:33,217 સંદર્ભ છે કે જે પિતૃ નોડ, માત્ર મને ઉપર ડોમ શું. 137 00:06:33,217 --> 00:06:35,800 અને બાળ ગાંઠો છે, જે એક નીચે મને નીચે શું સંદર્ભ. 138 00:06:35,800 --> 00:06:37,950 અને અમે તે ઘણો થયો માત્ર મારફતે જોઈ. 139 00:06:37,950 --> 00:06:42,970 અમે મળી કેવી રીતે બાળક ગાંઠો, કે વૃક્ષ નીચા અને નીચલા. 140 00:06:42,970 --> 00:06:46,590 >> લક્ષણો, માત્ર એક એરે છે ના HTML તત્વ શ્રેય. 141 00:06:46,590 --> 00:06:50,270 તેથી લક્ષણો એક ઉદાહરણ કદાચ તમે એક છબી ટેગ હોય તો હોઈ શકે છે, 142 00:06:50,270 --> 00:06:54,090 તે સામાન્ય રીતે એક સ્ત્રોત લક્ષણ ધરાવે છે, કદાચ એક ઊંચાઇ અને પહોળાઇ લક્ષણ. 143 00:06:54,090 --> 00:06:57,120 અને તેથી કે જે હમણાં જ એક એરે હશે સંકળાયેલ લક્ષણો તમામ 144 00:06:57,120 --> 00:06:59,300 કે એચટીએમએલ તત્વ સાથે. 145 00:06:59,300 --> 00:07:04,140 >> પ્રકાર બીજા એક છે કે સીએસએસ પ્રતિનિધિત્વ કરે છે 146 00:07:04,140 --> 00:07:06,050 ચોક્કસ તત્વ સ્ટાઇલ. 147 00:07:06,050 --> 00:07:08,310 અને પાછળથી આ વિડિઓ, અમે ખાસ પડશે 148 00:07:08,310 --> 00:07:14,592 લાભ શૈલી એક દંપતિ બનાવવા માટે અમારી વેબસાઇટ પર ફેરફારો. 149 00:07:14,592 --> 00:07:15,800 તેથી તે કેટલાક ગુણધર્મો છે. 150 00:07:15,800 --> 00:07:17,591 >> અને પણ કેટલાક હોય છે અમે કરી શકો છો પદ્ધતિઓ 151 00:07:17,591 --> 00:07:22,450 પણ વધુ ઝડપથી કદાચ અલગ ઉપયોગ આ દસ્તાવેજ ઓબ્જેક્ટ તત્વો છે. 152 00:07:22,450 --> 00:07:26,730 કદાચ, સૌથી સર્વતોમુખી આ છે getElementById છે. 153 00:07:26,730 --> 00:07:31,190 તેથી હું કારણ કે કંઈક કહી શકે છે તે દસ્તાવેજ એક પદ્ધતિ છે યાદ 154 00:07:31,190 --> 00:07:34,880 , Document.getElementById ઓબ્જેક્ટ ઓનલાઇન. 155 00:07:34,880 --> 00:07:39,820 >> અને તે કૌંસ ની અંદર સ્પષ્ટ ચોક્કસ ID સાથે એક HTML તત્વ 156 00:07:39,820 --> 00:07:42,330 હું અગાઉ કર્યું કે યશ સુયોજિત કરો, અને હું તરત જ પડશે 157 00:07:42,330 --> 00:07:46,685 તે તત્વ અધિકાર જાઓ એકંદર વેબસાઇટ. 158 00:07:46,685 --> 00:07:49,310 તેથી હું કદાચ વ્યાયામ કરવાની જરૂર નથી દરેક એક સ્તર મારફતે નીચે. 159 00:07:49,310 --> 00:07:52,841 હું હમણાં જ તે શોધવા માટે આ પદ્ધતિ વાપરી શકો છો, સૉર્ટ ની ગરમી મેળવવા મિસાઈલ જેમ, 160 00:07:52,841 --> 00:07:53,340 અધિકાર? 161 00:07:53,340 --> 00:07:56,300 તે માત્ર જાય છે અને શોધે છે બરાબર તે માટે જોઈ છે શું. 162 00:07:56,300 --> 00:07:59,290 >> GetElementsByTagName છે ભાવના ખૂબ સમાન. 163 00:07:59,290 --> 00:08:02,500 કદાચ આ બધા શોધી કરશે બોલ્ડ ટૅગ્સ અથવા પી ટૅગ્સ તમામ 164 00:08:02,500 --> 00:08:05,920 અને મને બધું એક એરે આપે છે હું પછી સાથે કામ કરી શકે છે. 165 00:08:05,920 --> 00:08:12,080 appendChild કંઈક ઉમેરે છે નીચે વૃક્ષ એક સ્તર. 166 00:08:12,080 --> 00:08:16,440 >> તેથી હું એક આખી નવી ઉમેરી શકો છો તત્વ એક સ્તર ઓછું છે. 167 00:08:16,440 --> 00:08:19,700 અથવા હું કે એક તત્વ દૂર કરી શકો છો તેમજ જો હું માંગો છો એક સ્તર નીચા 168 00:08:19,700 --> 00:08:22,870 મારી વેબ પાનું માંથી કંઈક કાઢી નાખવા. 169 00:08:22,870 --> 00:08:28,480 હવે, એક ઝડપી કોડિંગ નોંધ અને ઝડપી માથાનો દુખાવો આસ્થાપૂર્વક, નોંધ સાચવી રહ્યું છે. 170 00:08:28,480 --> 00:08:31,670 >> getElementById-- ડી લોઅરકેસ છે. 171 00:08:31,670 --> 00:08:36,950 હું કેટલી વખત તમે કહી શકો છો વપરાયેલ getElementById અને કેપીટલ 172 00:08:36,950 --> 00:08:38,336 ત્યાં ડી. 173 00:08:38,336 --> 00:08:39,460 તે ખરેખર સામાન્ય છે, કારણ કે. 174 00:08:39,460 --> 00:08:42,990 અમે શબ્દ ID ને લખો, તો તે છે સામાન્ય રીતે કેપિટલ હું મૂડી ડી 175 00:08:42,990 --> 00:08:44,240 અને મારા કોડ માત્ર કામ કરતું નથી. 176 00:08:44,240 --> 00:08:45,630 અને હું શા માટે બહાર આકૃતિ કરી શકો છો. 177 00:08:45,630 --> 00:08:49,490 આ ખરેખર, ખરેખર, ખરેખર એક છે બધાને બનાવે છે કે જે સામાન્ય ભૂલ, 178 00:08:49,490 --> 00:08:51,890 છે તે પણ નિષ્ણાતો કાયમ આ કરી દેવામાં આવી. 179 00:08:51,890 --> 00:08:55,410 તેથી માત્ર getElementById પરિચિત હોઈ શકે છે, કે ડી લોઅરકેસ છે. 180 00:08:55,410 --> 00:09:00,080 અને આસ્થાપૂર્વક, કે જે તમે અનેક બચાવે આઘાત ઓછામાં ઓછા મિનિટ. 181 00:09:00,080 --> 00:09:02,204 >> તેથી શું આ બધા કહે છે? 182 00:09:02,204 --> 00:09:03,120 અમે આ પદ્ધતિઓ છે. 183 00:09:03,120 --> 00:09:04,161 અમે આ ગુણધર્મો ધરાવે છે. 184 00:09:04,161 --> 00:09:06,610 હવે, આપણે થી શરૂ કરો, તો દસ્તાવેજ, દસ્તાવેજ. 185 00:09:06,610 --> 00:09:10,220 ગમે છે, આપણે હવે કોઇ વિચાર કરી શકો છો અમારા વેબ પાનાંની એક ભાગ 186 00:09:10,220 --> 00:09:14,870 અમે જાવાસ્ક્રિપ્ટ ઉપયોગ કરીને કરવા માંગો છો કે માત્ર આ પદ્ધતિઓ ફોન દ્વારા 187 00:09:14,870 --> 00:09:19,940 અને ગુણધર્મો ઉચ્ચાલન અમે વિવિધ સ્થળોએ શોધવા છે. 188 00:09:19,940 --> 00:09:24,890 >> આ, આ વાચાળ મેળવી શકો છો document.getElementByID, 189 00:09:24,890 --> 00:09:28,560 કદાચ લાંબા ટેગ નામ હોય છે, કદાચ તમે પાછળથી વધુ કોલ્સ કરે છે. 190 00:09:28,560 --> 00:09:31,230 વસ્તુઓ થોડો વાચાળ મેળવી શકો છો. 191 00:09:31,230 --> 00:09:34,480 અને પ્રોગ્રામરો તરીકે, તમે કર્યું છે કદાચ આ વિડિઓઝ ઘણા જોવા મળે છે, 192 00:09:34,480 --> 00:09:36,600 અમે વાચાળ વસ્તુઓ પસંદ નથી. 193 00:09:36,600 --> 00:09:38,520 >> અમે ઝડપથી વસ્તુઓ કરવા માટે સમર્થ થવા માટે ગમે છે. 194 00:09:38,520 --> 00:09:42,640 તેથી અમે એક વધુ ગમશે સંક્ષિપ્ત રીતે કંઈક કહે છે. 195 00:09:42,640 --> 00:09:46,270 તેથી તરફ દોરી જાય છે આ પ્રકારની કંઈક કલ્પના jQuery કહેવાય છે. 196 00:09:46,270 --> 00:09:49,170 હવે jQuery જાવાસ્ક્રિપ્ટ નથી. 197 00:09:49,170 --> 00:09:50,350 તે જાવાસ્ક્રિપ્ટ ભાગ નથી. 198 00:09:50,350 --> 00:09:54,790 >> તે લખવામાં આવ્યું હતું કે એક પુસ્તકાલય છે કેટલાક જાવાસ્ક્રિપ્ટ પ્રોગ્રામરો દ્વારા 199 00:09:54,790 --> 00:09:57,060 લગભગ 10 વર્ષ પહેલાં. 200 00:09:57,060 --> 00:10:01,300 અને તેના ધ્યેય આ શું છે સરળ બનાવવા માટે છે કહેવાય ક્લાઈન્ટ બાજુ સ્ક્રિપ્ટીંગ, જે 201 00:10:01,300 --> 00:10:04,310 અમે હમણાં જ શું હતા મૂળભૂત છે DOM મેનિપ્યુલેશન્સ સાથે વિશે વાત. 202 00:10:04,310 --> 00:10:11,090 તેથી જો હું સુધારવા માગે છે મારી વેબ પાનું પૃષ્ઠભૂમિ રંગ, કદાચ 203 00:10:11,090 --> 00:10:11,980 ચોક્કસ વિભાગ. 204 00:10:11,980 --> 00:10:15,325 >> અહીં, હું દેખીતી રીતે મેળવવામાં છું ElementById colorDiv. 205 00:10:15,325 --> 00:10:16,950 અને હું તેના પૃષ્ઠભૂમિ રંગ સુયોજિત કરવા માંગો છો. 206 00:10:16,950 --> 00:10:20,720 હું માત્ર શુદ્ધ જાવાસ્ક્રિપ્ટ ઉપયોગ કરું છું, તો ડોક્યુમેન્ટ ઓબ્જેક્ટ મોડેલ ઉપયોગ કરીને, 207 00:10:20,720 --> 00:10:23,990 અધિકાર, સામગ્રી ઘણો છે? document.getElementByID 208 00:10:23,990 --> 00:10:25,531 colorDiv.style.backgroundColor લીલા =. 209 00:10:25,531 --> 00:10:27,260 210 00:10:27,260 --> 00:10:28,050 >> નવાઇ. 211 00:10:28,050 --> 00:10:30,110 કહે છે કે એક ઘણો હતો. 212 00:10:30,110 --> 00:10:31,720 તે ખૂબ, ટાઇપ કરવા માટે ઘણો છે. 213 00:10:31,720 --> 00:10:35,760 અને તેથી jQuery માં, અમે કદાચ કહી શકો છો આ થોડો વધુ સંક્ષેપથી. 214 00:10:35,760 --> 00:10:39,350 તે કરવામાં આવી રહી વેપાર કદાચ થોડી છે થોડી અચાનક તમામ વધુ ભેદી, 215 00:10:39,350 --> 00:10:39,850 અધિકાર? 216 00:10:39,850 --> 00:10:43,580 >> ઓછામાં ઓછા લાંબા થોડી વધુ છે અમે કરી રહ્યા છીએ તે માટે સ્પષ્ટીકરણ. 217 00:10:43,580 --> 00:10:49,947 આ ડોલર સાઇન, કૌંસ, એક ભાવ, હેશ, colorDiv, અધિકાર? 218 00:10:49,947 --> 00:10:50,780 કે શું અર્થ છે? 219 00:10:50,780 --> 00:10:53,640 ઠીક છે, કે માત્ર મૂળભૂત છે document.getElementByID colorDiv. 220 00:10:53,640 --> 00:10:58,700 >> પરંતુ તે લઘુલિપિ આ પ્રકારની છે jQuery મદદથી આમ માર્ગ. 221 00:10:58,700 --> 00:11:01,380 ચાલો હવે એક નજર કરીએ અલગ અલગ રીતે એક દંપતી 222 00:11:01,380 --> 00:11:04,520 હું ખરેખર કદાચ આ દસ્તાવેજ પદાર્થ ઉપયોગ 223 00:11:04,520 --> 00:11:06,807 મોડલ મારી સાઇટ ટુકડાઓ ચાલાકી. 224 00:11:06,807 --> 00:11:09,140 ખાસ કરીને, અમે જઈ રહ્યાં છો હેરફેર પર કામ કરી 225 00:11:09,140 --> 00:11:14,090 ચોક્કસ રંગ વેબ પૃષ્ઠ પર DIV, colorDiv. 226 00:11:14,090 --> 00:11:15,299 તેથી આપણે તે પર એક નજર કરીએ. 227 00:11:15,299 --> 00:11:15,798 બધા અધિકાર. 228 00:11:15,798 --> 00:11:16,700 તેથી હું એક પૃષ્ઠ પર છું. 229 00:11:16,700 --> 00:11:20,750 તમે ડાઉનલોડ કરો ત્યારે તે test.html કહેવાય છે આ તમે શું આ ઠીક કરવા માંગો છો. 230 00:11:20,750 --> 00:11:24,730 અને હું એક સમૂહ મળી છે આ પાનાં પર બટનો. 231 00:11:24,730 --> 00:11:27,730 અને હું વ્યક્તિગત કાર્યો કહી રહ્યો છું પૃષ્ઠભૂમિ રંગ, લીલો, જાંબલી માટે, 232 00:11:27,730 --> 00:11:31,330 નારંગી, લાલ, વાદળી, એક કાર્ય પૃષ્ઠભૂમિ રંગ માટે, ઘટના સંભાળનાર 233 00:11:31,330 --> 00:11:34,360 પૃષ્ઠભૂમિ રંગ, અને jQuery વાપરવા માટે. 234 00:11:34,360 --> 00:11:38,147 હું શું વાત કરું છું જ્યારે હું આ કરી રહ્યો છું? 235 00:11:38,147 --> 00:11:39,230 તેથી અમે બટનો જોઇ છે. 236 00:11:39,230 --> 00:11:41,521 હવે, ચાલો એક નજર કરીએ અહીં સ્રોત કોડ કેટલાક. 237 00:11:41,521 --> 00:11:44,770 અમે test.html સાથે શરૂ કરી શકશો. 238 00:11:44,770 --> 00:11:48,100 પૃષ્ઠભૂમિ માટે જેથી વ્યક્તિગત કાર્યો રંગ હું અહીં ટાઇપ કર્યું છે. 239 00:11:48,100 --> 00:11:49,350 મને થોડો સ્ક્રોલ કરો. 240 00:11:49,350 --> 00:11:56,170 241 00:11:56,170 --> 00:11:58,820 >> અને તમે કે હું નોટિસ પડશે આ બટનો વ્યાખ્યાયિત કરે છે 242 00:11:58,820 --> 00:12:03,990 આ બટન ક્લિક થયેલ હોય ત્યારે કહે છે, જાંબલી ચાલુ કાર્ય કૉલ કરો. 243 00:12:03,990 --> 00:12:06,670 આ બટન પર ક્લિક કરો આવે છે, ત્યારે તેના બદલે, કાર્ય લીલા ચાલુ કૉલ, 244 00:12:06,670 --> 00:12:08,710 લાલ ચાલુ, નારંગી ચાલુ, વાદળી કરો. 245 00:12:08,710 --> 00:12:11,880 તમે કદાચ આ કે ધારી શકો છો શ્રેષ્ઠ ડિઝાઇન કદાચ નથી 246 00:12:11,880 --> 00:12:12,460 અર્થમાં, અધિકાર? 247 00:12:12,460 --> 00:12:16,490 >> હું કરી શકે છે તો તે સરસ હશે વધુ સામાન્ય અભિગમ છે. 248 00:12:16,490 --> 00:12:19,570 વેલ, પ્રથમ અમે એક નજર પડશે તે પાંચ કાર્યો છે શું 249 00:12:19,570 --> 00:12:24,400 document.getElementByID જાંબલી colorDiv.style.background = 250 00:12:24,400 --> 00:12:27,250 લાલ, લીલો, નારંગી અનુક્રમે, અને વાદળી. 251 00:12:27,250 --> 00:12:30,930 તેથી, ખાસ કરીને શ્રેષ્ઠ ડિઝાઇન. 252 00:12:30,930 --> 00:12:33,390 >> બટનો આગામી સમૂહ હું તેવા પરચૂરણ ખર્ચ કર્યો છે છે 253 00:12:33,390 --> 00:12:36,380 કહેવાય એક કાર્ય કે જે દેખીતી રીતે રંગ બદલો 254 00:12:36,380 --> 00:12:38,960 તેની દલીલ તરીકે શબ્દમાળા સ્વીકારે છે. 255 00:12:38,960 --> 00:12:40,290 તેથી આ એક થોડો વધુ સારી છે. 256 00:12:40,290 --> 00:12:43,840 લાલ, જાંબલી, લીલા, નારંગી, બ્લુ હવે દલીલ છે. 257 00:12:43,840 --> 00:12:46,230 તેથી હું એક વધુ સામાન્ય તેવા પરચૂરણ ખર્ચ કર્યો કેસ જાવાસ્ક્રિપ્ટ કાર્ય, 258 00:12:46,230 --> 00:12:47,771 જે આ કંઈક જોવા શકે છે. 259 00:12:47,771 --> 00:12:48,680 હું પસાર છું. 260 00:12:48,680 --> 00:12:52,090 આ કાર્ય ફેરફાર રંગ છે રંગ કહેવાય દલીલ અપેક્ષા. 261 00:12:52,090 --> 00:12:54,970 અને હું સેટ કહી રહ્યો છું આ રંગ પૃષ્ઠભૂમિ રંગ. 262 00:12:54,970 --> 00:12:58,390 તેથી અહીં હું અહીં મળી છે શું રજૂ કરે છે. 263 00:12:58,390 --> 00:12:59,770 તેથી તે થોડી વધુ સારી છે. 264 00:12:59,770 --> 00:13:02,740 >> પરંતુ હું કરવાનો પ્રયત્ન કરી શકે તે કરતાં વધુ સારી નથી. 265 00:13:02,740 --> 00:13:06,140 અમે એક નજર કરવા માટે નીચે જાઓ તો આ ઘટના સંભાળનાર પરિસ્થિતિ પર, 266 00:13:06,140 --> 00:13:07,860 હવે આ બધા કોલ્સ જ જુઓ. 267 00:13:07,860 --> 00:13:10,340 તમારા માટે યાદ તો અમારા ઘટના હેન્ડલર્સ પર ચર્ચા, 268 00:13:10,340 --> 00:13:15,770 હું જેના વિશે માહિતી મેળવી શકો છો આ બટનો ક્લિક અને તે ઉપયોગ કરવામાં આવ્યો હતો. 269 00:13:15,770 --> 00:13:19,560 >> અને તેથી event.JavaScript, હું કર્યું લખેલા બદલો રંગ ઘટના, જે 270 00:13:19,560 --> 00:13:21,110 ક્લિક કરવામાં આવી હતી કે જે બટન આંકડા. 271 00:13:21,110 --> 00:13:23,250 તે ટ્રિગર પદાર્થ રેખા છે. 272 00:13:23,250 --> 00:13:25,240 અને પછી અહીં, તે ખરેખર વાચાળ મળે છે. 273 00:13:25,240 --> 00:13:27,420 પરંતુ શું હું કરી રહ્યો છું હું છું છે પૃષ્ઠભૂમિ સુયોજિત 274 00:13:27,420 --> 00:13:30,340 triggerObject inner.HTML રંગ. 275 00:13:30,340 --> 00:13:34,170 તે લખાણ છે આ બટન ટૅગ્સ વચ્ચે. 276 00:13:34,170 --> 00:13:36,500 >> અને પછી હું દેખીતી રીતે છે લોઅરકેસ તે સુયોજિત કરવા માટે. 277 00:13:36,500 --> 00:13:40,780 અને તે હું એક સમગ્ર કન્વર્ટ કરી શકો છો કેવી રીતે શબ્દમાળા ઉપયોગ જાવાસ્ક્રિપ્ટ લોઅરકેસ 278 00:13:40,780 --> 00:13:42,940 કે પદ્ધતિ લોઅરકેસ. 279 00:13:42,940 --> 00:13:46,570 હું રંગ સુયોજિત છે જ્યારે કારણ કે, હું અહીં શું કરવા પ્રયાસ કરી રહ્યો છું, કારણ કે 280 00:13:46,570 --> 00:13:48,260 રંગ બધા લોઅરકેસ હોઈ શકે છે. 281 00:13:48,260 --> 00:13:50,920 >> પરંતુ હું હતી કે બટન અમે અન્ય નજર લાગી હોય તો 282 00:13:50,920 --> 00:13:55,890 લખાણ છે કે નોટિસ જાંબલી માટે મૂડી પી સાથે લખાયેલ છે. 283 00:13:55,890 --> 00:13:59,140 અને પછી ખૂબ જ અહીં નીચે, હું દેખીતી રીતે 284 00:13:59,140 --> 00:14:02,630 પ્રયત્ન કરો અને તેમજ આ ઉપયોગ jQuery નથી. 285 00:14:02,630 --> 00:14:06,000 અને આ કિસ્સામાં, હું ખરેખર નથી બધા કાર્ય કહે છે. 286 00:14:06,000 --> 00:14:11,430 હું માત્ર હું વર્ગ છું કે જણાવ્યું હતું કે કર્યું આ બટન માટે મદદથી JQ બટન છે. 287 00:14:11,430 --> 00:14:12,360 બસ આ જ. 288 00:14:12,360 --> 00:14:14,950 >> તેથી કેવી રીતે jQuery હું શું કરી રહ્યો છું ખબર નથી? 289 00:14:14,950 --> 00:14:18,740 વેલ, આ એક ફાયદો છે jQuery ગેરફાયદા સ્લેશ. 290 00:14:18,740 --> 00:14:21,560 તે મને વસ્તુઓ કરવા માટે પરવાનગી આપી શકે છે ખૂબ જ સંક્ષેપથી, પરંતુ કદાચ નથી 291 00:14:21,560 --> 00:14:22,570 તરીકે તર્ક. 292 00:14:22,570 --> 00:14:25,570 કદાચ તે અન્ય ત્રણ બનાવવા થોડી વધુ હું શું કરી રહ્યો છું સુઝ. 293 00:14:25,570 --> 00:14:29,010 અહીં, છતાં, શું થઈ રહ્યું છે? 294 00:14:29,010 --> 00:14:31,940 >> દેખીતી રીતે, બનાવવા એક અનામી કાર્ય 295 00:14:31,940 --> 00:14:36,790 કે લોડ જ્યારે મારા દસ્તાવેજ , તેથી document.ready તૈયાર છે, 296 00:14:36,790 --> 00:14:38,760 અમુક કાર્ય થવાનું છે. 297 00:14:38,760 --> 00:14:40,490 મૂળભૂત રીતે, જ્યારે દસ્તાવેજ તૈયાર છે? 298 00:14:40,490 --> 00:14:42,310 મારા પાનું લોડ થયેલ છે ત્યારે તે છે. 299 00:14:42,310 --> 00:14:46,540 >> તેથી જલદી મારા પાનું લોડ આવ્યું છે, કાર્ય નીચેના હંમેશા તૈયાર છે. 300 00:14:46,540 --> 00:14:54,310 તે કહે છે, તો પ્રકાર jQButton એક પદાર્થ, અથવા વર્ગ jQButton ક્લિક કરી દેવામાં આવી તો, 301 00:14:54,310 --> 00:14:55,570 આ કાર્ય ચલાવો. 302 00:14:55,570 --> 00:14:59,360 તેથી અહીં બે અનામી કાર્યો છે, એક અન્ય અંદર વ્યાખ્યાયિત થયેલ છે. 303 00:14:59,360 --> 00:15:03,930 >> મારા સમગ્ર સંદર્ભ તેથી અહીં અત્યાર સુધી મારા પૃષ્ઠ છે 304 00:15:03,930 --> 00:15:06,520 તે લાવે છે જ્યારે તે આ કાર્ય કહે છે. 305 00:15:06,520 --> 00:15:09,740 અને આ કાર્ય રાહ જોઈ રહ્યું છે એક બટન ક્લિક કરી શકાય છે. 306 00:15:09,740 --> 00:15:14,490 અને એક બટન ક્લિક થયેલ હોય ત્યારે, JQ બટન ખાસ ક્લિક થયેલ હોય, 307 00:15:14,490 --> 00:15:17,150 તે આ અન્ય કહે છે કાર્ય છે, કે જે રહ્યું છે 308 00:15:17,150 --> 00:15:21,250 પૃષ્ઠભૂમિ સુયોજિત કરવા માટે colorDiv રંગ હોઈ 309 00:15:21,250 --> 00:15:25,990 ગમે લખાણ ટૅગ્સ વચ્ચે છે. 310 00:15:25,990 --> 00:15:28,050 >> આ કલ્પના છે જે બટન ક્લિક કરવામાં આવી હતી. 311 00:15:28,050 --> 00:15:31,230 પરંતુ અન્યથા, આ પ્રકારની છે એક ઘટના સમાન વર્તન. 312 00:15:31,230 --> 00:15:34,460 તે માત્ર એ જ રીતે હું jQuery માં આ વ્યક્ત કરશે. 313 00:15:34,460 --> 00:15:36,790 ફરીથી, તે કદાચ એક વધુ ઘણો લાવનારાઓ. 314 00:15:36,790 --> 00:15:40,840 તે સ્પષ્ટ નથી event.js કંઈક, 315 00:15:40,840 --> 00:15:45,080 જે કદાચ થોડો વધુ છે વર્બોઝ છે, પરંતુ થોડો ઓછો 316 00:15:45,080 --> 00:15:46,000 લાવનારાઓ. 317 00:15:46,000 --> 00:15:51,460 >> પરંતુ અમે મારું બ્રાઉઝર પર પાછા પોપ તો વિન્ડો, હું સારી રીતે clicking-- શરૂ કરવા માટે, 318 00:15:51,460 --> 00:15:52,690 કે જાંબલી બદલાઈ. 319 00:15:52,690 --> 00:15:54,450 આ શબ્દમાળા પદ્ધતિનો ઉપયોગ કરીને લીલા છે. 320 00:15:54,450 --> 00:15:56,500 આ ઘટના સંભાળનાર ઉપયોગ નારંગી છે. 321 00:15:56,500 --> 00:15:58,300 >> આ અધિકાર, jQuery મદદથી Red છે? 322 00:15:58,300 --> 00:16:01,270 તેઓ બધા બરાબર એ જ વર્તે. 323 00:16:01,270 --> 00:16:06,509 તેઓ માત્ર તે અલગ ઉપયોગ કરી આ સમસ્યા હલ કરવા માટે પહોંચે છે. 324 00:16:06,509 --> 00:16:08,550 માટે ઘણો વધુ છે jQuery પછી અમે ચોક્કસપણે છો 325 00:16:08,550 --> 00:16:10,050 આ વિડિઓ વિશે વાત જઈ રહી છે. 326 00:16:10,050 --> 00:16:15,410 તમે વધુ જાણવા માંગો છો, તો તમે કરી શકો છો દસ્તાવેજીકરણ jQuery સૉર્ટ પર જાઓ 327 00:16:15,410 --> 00:16:19,710 અને લગભગ તદ્દન થોડી વધુ જાણવા આ ખૂબ જ લવચીક પુસ્તકાલય છે, જે 328 00:16:19,710 --> 00:16:22,550 ક્લાઈન્ટ બાજુ કરવાથી માટે મહાન છે આવા અમે શું કરી રહ્યા હતા કે સ્ક્રિપ્ટીંગ 329 00:16:22,550 --> 00:16:26,240 દેખાવ ચાલાકી અને અમારા વેબ પાનાંની લાગે 330 00:16:26,240 --> 00:16:28,750 ડોક્યુમેન્ટ ઓબ્જેક્ટ મોડલ સાથે. 331 00:16:28,750 --> 00:16:29,650 હું ડો લોયડ છું. 332 00:16:29,650 --> 00:16:31,930 આ CS50 છે. 333 00:16:31,930 --> 00:16:34,022