ડો LLOYD: આ વિડિઓ માં, અમે ઇચ્છતા અલગ ધ્યાન બહાર કૉલ
એક ખૂબ જ ખાસ માટે જાવાસ્ક્રિપ્ટ તત્વ
તમે હાથમાં શોધી શકે છે કે જ્યારે તમે શરૂ કરી રહ્યાં છો
વેબ પાનાંઓ હેરફેર પર કામ કરવા માટે અને તમારા વેબ પાનું સામગ્રી બદલવાનું
ફ્લાય પર.
અને તે કલ્પના છે ડોક્યુમેન્ટ ઓબ્જેક્ટ મોડેલ.
તેથી અમે અમારા વિડિઓ જોયું જાવાસ્ક્રિપ્ટ, પદાર્થો ખૂબ જ સરળ છે.
>> અને તેઓ વિવિધ ક્ષેત્રો સમાવી શકે છે.
અને અમે ઘણો જાય ન હતી છતાં વિગતવાર, તે ક્ષેત્રો અથવા ગુણધર્મો,
કે અમે કદાચ વધુ કરશે યોગ્ય તેમને કૉલ
પણ એક પદાર્થ સંદર્ભમાં, તે ગુણધર્મો અન્ય વસ્તુઓ હોઈ શકે છે.
અને તે પદાર્થો અંદર અન્ય વસ્તુઓ હોઈ શકે છે.
>> તમે આ ખૂબ જ વિશાળ પદાર્થ છે અન્ય વસ્તુઓ ઘણો સાથે
તે અંદર છે, કે જે સૉર્ટ એક મોટા વૃક્ષ આ વિચાર બનાવે છે.
હવે, ડોક્યુમેન્ટ ઓબ્જેક્ટ છે જાવાસ્ક્રિપ્ટ ખૂબ જ ખાસ પદાર્થ
જે તમારા સમગ્ર વેબ આયોજન છત્ર આ પ્રકારની હેઠળ પાનું
એક પદાર્થ.
અને તેથી જે દસ્તાવેજ અંદર પદાર્થ પ્રસ્તુત વસ્તુઓ છે
તમારા વેબ પાનું વડા અને શરીર.
>> તે અંદર અન્ય છે પદાર્થો, વગેરે એટ છે, વગેરે એટ છે,
તમારા સમગ્ર વેબ પાનું છે ત્યાં સુધી આ મોટી પદાર્થ આયોજન કરવામાં આવી છે.
ઊંધો અધિકાર, અહીં શું છે?
વેલ, અમે કામ કરવા માટે કેવી રીતે ખબર જાવાસ્ક્રિપ્ટ પદાર્થો સાથે.
>> અમે એક પદાર્થ હોય તો તેથી તે કે અમારા સમગ્ર વેબ પાનું ઉલ્લેખ કરે છે
યોગ્ય ફોન દ્વારા અર્થ એ થાય પદ્ધતિઓ છે કે જે પદાર્થ ચાલાકી
અથવા અમુક ફેરફાર તેના ગુણધર્મો, અમે
ના તત્વો બદલી શકો છો અમારા પાનું પ્રોગ્રામ
જાવાસ્ક્રિપ્ટ ઉપયોગ કરીને બદલે કર્યા એચટીએમએલ, કહે છે, સાથે વસ્તુઓ કોડ માટે.
તેથી અહીં એક એક ઉદાહરણ છે વેબ પૃષ્ઠ ખૂબ જ સરળ, અધિકાર?
તે એચટીએમએલ ટૅગ્સ, એક વડા મળ્યું છે.
>> ની અંદર એક શીર્ષક હેલો, વિશ્વ છે.
પછી હું શરીર છે.
કે અંદર, હું ત્રણ અલગ અલગ વસ્તુઓ છે.
હું એક H2 શીર્ષક ટેગ હોય એક ફકરા, અને એક લિંક છે.
આ એક ખૂબ જ સરળ વેબ પાનું છે.
>> ઠીક છે, શું કદાચ દસ્તાવેજ જેમ આ દેખાવ માટે પદાર્થ?
વેલ, તે થોડું છે કદાચ પ્રથમ ડરામણી.
પરંતુ તે ખરેખર માત્ર એક મોટા વૃક્ષ છે.
અને તે ખૂબ જ રુટ પર દસ્તાવેજ છે.
>> દસ્તાવેજ અન્ય છે ની અંદર મારા પેજની એચટીએમએલ ઉલ્લેખ પદાર્થ.
અને મારા પેજની એચટીએમએલ આ બધા છે.
અને પછી HTML ની ​​અંદર પદાર્થ, હું એક વડા પદાર્થ હોય છે,
જે ત્યાં બધું ઉલ્લેખ કરે છે.
>> અને ત્યાં અંદર, હું એક શીર્ષક પદાર્થ હોય છે.
અને ત્યાં અંદર, હું બીજા છે કે જે હમણાં જ હેલ્લો વિશ્વ છે પદાર્થ.
હું મારું શરીર છે શકે છે આ જેમ રજૂ કરે છે.
>> મારું શરીર ની અંદર, હું એક H2 છે પદાર્થ અને ફકરા માટે પી પદાર્થ
અને એક લિંક માટે એક પદાર્થ.
અને તેથી આ સમગ્ર વંશવેલો એક મોટા વૃક્ષ તરીકે રજૂ કરી શકાય છે
નાના નાના ઘણાં બધાં સાથે વસ્તુઓ બહાર આવતા.
હવે, અલબત્ત, જ્યારે આપણે પ્રોગ્રામિંગ કરી રહ્યાં છો
એક મોટા વૃક્ષ જેવી વસ્તુઓ નથી લાગતું નથી.
અમે વાસ્તવિક જોવા માંગો છો કોડ સંબંધિત વસ્તુઓ.
>> અને સદનસીબે, અમે કરી શકો છો અમારા વિકાસકર્તા સાધનો વાપરવા
ખરેખર એક નજર આ વેબસાઇટ દસ્તાવેજ ઓબ્જેક્ટ.
અને ચાલો કે નથી.
તેથી હું એક બ્રાઉઝર ટેબ ખોલી છે.
>> અને હું વિકાસકર્તા સાધનો ખોલી છે.
અને JavaScript પર મારી વિડિઓ માં, હું કન્સોલ નથી ઉલ્લેખ કર્યો છે કે
માત્ર સ્થાને મૂકો જ્યાં અમે માહિતી છાપો,
તે પણ એક જગ્યા છે જ્યાં છે અમે ઇનપુટ માહિતી કરી શકો છો.
આ સંદર્ભમાં, શું હું કહેવા જાઉં છું
હું પાછા વિચાર કરવા માંગો છો દસ્તાવેજ પદાર્થો,
તેથી હું તેને પર એક નજર હોય શરૂ કરી શકો છો.
તેથી હું આ કેવી રીતે કરી શકે?
ઠીક છે, હું કરવા માંગો છો, તો ખરેખર સરસ રીતે તે આયોજન,
હું console.dir, ડી-I-આર કહેવું જાઉં છું. હવે, હું ફક્ત પ્રિન્ટ માટે console.log ઉપયોગ
બહાર કંઈક ખૂબ સરળ.
પરંતુ હું આ આયોજન કરવા માંગો છો, તો ક્રમ એક પદાર્થ જેવી છે,
હું તે પ્રકારની માળખાગત માંગો છો ડિરેક્ટરી જેવું માળખું.
>> તેથી હું દસ્તાવેજ console.dir કરવા માંગો છો.
હું દાખલ ફટકો જાઉં છું.
અને તેને અધિકાર નીચે હવે, અને હું અહીં ઝૂમ પડશે
હું આ પ્રતિભાવ દસ્તાવેજ મળી છે તે આગામી થોડી તીર સાથે.
હવે, હું આ તીર ખોલો છો ત્યારે, સામગ્રી ઘણો હોઈ ચાલે છે.
>> પરંતુ અમે ઘણો અવગણો જઈ રહ્યાં છો તે અને ધ્યાન માત્ર પ્રકારની
સૌથી મહત્વપૂર્ણ ભાગ પર, અમે તેથી આ દસ્તાવેજ શોધખોળ શરૂ કરી શકો છો.
ડોમ કરતાં ઘણો વધુ છે ગાંઠો અને બાળ ગાંઠો જનની છે.
આનુષંગિક સામગ્રી ઘણો છે.
>> તેથી હું આ અપ ખોલવા માટે જઇ રહ્યો છું.
અને એક સમગ્ર ઘણો છે સામગ્રી કે પૉપ અપ.
પરંતુ હું વિશે કાળજી બધા છે અહીં બાળક ગાંઠો.
માતાનો ખોલવા દો.
>> ત્યાં અંદર હું જોઈ પરિચિત કંઈક એચટીએમએલ.
અમારા દસ્તાવેજનું જેથી અંદર એક સ્તર નીચે, એચટીએમએલ.
હું ખોલો.
અમે શું અપેક્ષા છે?
>> તમે અમારી રેખાકૃતિ થી યાદ તો, અમે HTML ની ​​અંદર તે શોધવા જોઈએ?
વૃક્ષ તે નીચે શું બે ગાંઠો છે?
ચાલો શોધવા.
અમે HTML ખોલો.
અમે તેના બાળક ગાંઠો નીચે જાઓ.
>> કે ઓપન પૉપ.
માથા અને શરીર છે.
અને અમે વડા ખોલી શકે છે.
તેના બાળક ગાંઠો પર જાઓ.
વેલ, આ શીર્ષક છે.
>> અને અમે પર જાઓ શકે છે અને આ જેમ કાયમ.
અમે તેમજ શરીર સાથે આવું કરી શકે છે.
પરંતુ અમને જોવા માટે એક માર્ગ છે એક મોટી પદાર્થ તરીકે આયોજીત દસ્તાવેજ.
અમે જોવા હોય તો અને મોટી છે ઘણો લાગે છે કે પદાર્થ
કોડ જેમ, કે અમે શરૂ કરી શકો છો કે જે થાય છે મદદથી આગળ આ મોટા પદાર્થ ચાલાકી
કોડ શું બદલવા માટે અમારા વેબસાઇટ જુએ છે અને જેવી લાગે છે.
>> તેથી કે જે ખૂબ શક્તિશાળી સાધન છે હવે અમે અમારા નિકાલ પર હોય છે.
અમે હમણાં જ જોયું તો, દસ્તાવેજ પદાર્થ પોતે
અને તે અંદર વસ્તુઓ તમામ માત્ર, ગુણધર્મો અને પદ્ધતિઓ છે
અમે કર્યું છે કે અન્ય કોઇ પદાર્થ જેવી જાવાસ્ક્રિપ્ટ સાથે કામ કરવામાં આવી છે.
પરંતુ અમે તે મિલકત ઉપયોગ કરી શકો છો અને સૉર્ટ કરો નીચે વ્યાયામ એ જ પદ્ધતિઓનો ઉપયોગ
અને મોટા દસ્તાવેજ વિચાર નીચા અને નીચલા અને નીચલા,
ફાઇનર અને ફાઇનર અનાજ વિગતવાર, અમે ત્યાં સુધી
એક ખૂબ ચોક્કસ ભાગ માટે વિચાર અમારા અમે બદલવા માંગો છો તે વેબ પાનું.
>> અને અમે ગુણધર્મો અપડેટ જ્યારે ઑબ્જેક્ટ દસ્તાવેજ અથવા તે પદ્ધતિઓ કૉલ,
વસ્તુઓ અમારા વેબ પૃષ્ઠ પર થાય છે શકે છે.
અને અમે કોઈપણ પ્રેરણાદાયક શું કરવાની જરૂર નથી તે ફેરફારોની અસર લાવવા માટે હોય છે.
>> અને તે એક સરસ ક્ષમતા છે અમે કોડ સાથે કામ કરી રહ્યા હો ત્યારે હોય છે.
તેથી આ ગુણધર્મો અમુક છે શું છે એક ડોક્યુમેન્ટ ઓબ્જેક્ટ ભાગ કે છે?
વેલ, તમે કદાચ જોયું તેમને એક દંપતિ ખરેખર ઝડપથી
અમે ઝિપ કરવાનું આવ્યા હતા વિશાળ દસ્તાવેજ મારફતે
પદાર્થ અમે માત્ર વેબ બ્રાઉઝરમાં જોવા મળી હતી.
>> પરંતુ આ મિલકત એક દંપતિ આંતરિક HTML જેવી વસ્તુઓ હોઈ શકે છે.
અને તમે પણ મને યાદ શકે છે જાવાસ્ક્રિપ્ટ વિડિઓ આ ઉપયોગ
ખૂબ જ ઓવરને અંતે જ્યારે હું ઘટનાઓ વિશે વાત કરી હતી.
આ આંતરિક HTML શું હતું?
વેલ, તે છે માત્ર શું છે ટૅગ્સ વચ્ચે.
>> અને તેથી આંતરિક એચટીએમએલ, ઉદાહરણ તરીકે, શીર્ષક
અમે રાખ્યો હતો તો ટેગ, જતા એક ક્ષણ પહેલા ઉદાહરણ કે
હેલો વર્લ્ડ કરવામાં આવ્યો હતો.
તે અમારી પાનાંની ટાઇટલ હતું.
અન્ય ગુણધર્મો નોડ નામ સમાવેશ થાય છે, જે
એક HTML નામ છે શીર્ષક જેમ તત્વ.
ID છે જે ને, એક HTML તત્વ યશ.
>> અમે ખાસ સૂચવી શકે છે જણાવ્યું હતું કે અમારા HTML ચોક્કસ તત્વો
જે સામાન્ય રીતે એક ID લક્ષણ સાથે, સીએસએસ સંદર્ભમાં હાથમાં આવે છે,
ખાસ.
સંદર્ભ છે કે જે પિતૃ નોડ, માત્ર મને ઉપર ડોમ શું.
અને બાળ ગાંઠો છે, જે એક નીચે મને નીચે શું સંદર્ભ.
અને અમે તે ઘણો થયો માત્ર મારફતે જોઈ.
અમે મળી કેવી રીતે બાળક ગાંઠો, કે વૃક્ષ નીચા અને નીચલા.
>> લક્ષણો, માત્ર એક એરે છે ના HTML તત્વ શ્રેય.
તેથી લક્ષણો એક ઉદાહરણ કદાચ તમે એક છબી ટેગ હોય તો હોઈ શકે છે,
તે સામાન્ય રીતે એક સ્ત્રોત લક્ષણ ધરાવે છે, કદાચ એક ઊંચાઇ અને પહોળાઇ લક્ષણ.
અને તેથી કે જે હમણાં જ એક એરે હશે સંકળાયેલ લક્ષણો તમામ
કે એચટીએમએલ તત્વ સાથે.
>> પ્રકાર બીજા એક છે કે સીએસએસ પ્રતિનિધિત્વ કરે છે
ચોક્કસ તત્વ સ્ટાઇલ.
અને પાછળથી આ વિડિઓ, અમે ખાસ પડશે
લાભ શૈલી એક દંપતિ બનાવવા માટે અમારી વેબસાઇટ પર ફેરફારો.
તેથી તે કેટલાક ગુણધર્મો છે.
>> અને પણ કેટલાક હોય છે અમે કરી શકો છો પદ્ધતિઓ
પણ વધુ ઝડપથી કદાચ અલગ ઉપયોગ આ દસ્તાવેજ ઓબ્જેક્ટ તત્વો છે.
કદાચ, સૌથી સર્વતોમુખી આ છે getElementById છે.
તેથી હું કારણ કે કંઈક કહી શકે છે તે દસ્તાવેજ એક પદ્ધતિ છે યાદ
, Document.getElementById ઓબ્જેક્ટ ઓનલાઇન.
>> અને તે કૌંસ ની અંદર સ્પષ્ટ ચોક્કસ ID સાથે એક HTML તત્વ
હું અગાઉ કર્યું કે યશ સુયોજિત કરો, અને હું તરત જ પડશે
તે તત્વ અધિકાર જાઓ એકંદર વેબસાઇટ.
તેથી હું કદાચ વ્યાયામ કરવાની જરૂર નથી દરેક એક સ્તર મારફતે નીચે.
હું હમણાં જ તે શોધવા માટે આ પદ્ધતિ વાપરી શકો છો, સૉર્ટ ની ગરમી મેળવવા મિસાઈલ જેમ,
અધિકાર?
તે માત્ર જાય છે અને શોધે છે બરાબર તે માટે જોઈ છે શું.
>> GetElementsByTagName છે ભાવના ખૂબ સમાન.
કદાચ આ બધા શોધી કરશે બોલ્ડ ટૅગ્સ અથવા પી ટૅગ્સ તમામ
અને મને બધું એક એરે આપે છે હું પછી સાથે કામ કરી શકે છે.
appendChild કંઈક ઉમેરે છે નીચે વૃક્ષ એક સ્તર.
>> તેથી હું એક આખી નવી ઉમેરી શકો છો તત્વ એક સ્તર ઓછું છે.
અથવા હું કે એક તત્વ દૂર કરી શકો છો તેમજ જો હું માંગો છો એક સ્તર નીચા
મારી વેબ પાનું માંથી કંઈક કાઢી નાખવા.
હવે, એક ઝડપી કોડિંગ નોંધ અને ઝડપી માથાનો દુખાવો આસ્થાપૂર્વક, નોંધ સાચવી રહ્યું છે.
>> getElementById-- ડી લોઅરકેસ છે.
હું કેટલી વખત તમે કહી શકો છો વપરાયેલ getElementById અને કેપીટલ
ત્યાં ડી.
તે ખરેખર સામાન્ય છે, કારણ કે.
અમે શબ્દ ID ને લખો, તો તે છે સામાન્ય રીતે કેપિટલ હું મૂડી ડી
અને મારા કોડ માત્ર કામ કરતું નથી.
અને હું શા માટે બહાર આકૃતિ કરી શકો છો.
આ ખરેખર, ખરેખર, ખરેખર એક છે બધાને બનાવે છે કે જે સામાન્ય ભૂલ,
છે તે પણ નિષ્ણાતો કાયમ આ કરી દેવામાં આવી.
તેથી માત્ર getElementById પરિચિત હોઈ શકે છે, કે ડી લોઅરકેસ છે.
અને આસ્થાપૂર્વક, કે જે તમે અનેક બચાવે આઘાત ઓછામાં ઓછા મિનિટ.
>> તેથી શું આ બધા કહે છે?
અમે આ પદ્ધતિઓ છે.
અમે આ ગુણધર્મો ધરાવે છે.
હવે, આપણે થી શરૂ કરો, તો દસ્તાવેજ, દસ્તાવેજ.
ગમે છે, આપણે હવે કોઇ વિચાર કરી શકો છો અમારા વેબ પાનાંની એક ભાગ
અમે જાવાસ્ક્રિપ્ટ ઉપયોગ કરીને કરવા માંગો છો કે માત્ર આ પદ્ધતિઓ ફોન દ્વારા
અને ગુણધર્મો ઉચ્ચાલન અમે વિવિધ સ્થળોએ શોધવા છે.
>> આ, આ વાચાળ મેળવી શકો છો document.getElementByID,
કદાચ લાંબા ટેગ નામ હોય છે, કદાચ તમે પાછળથી વધુ કોલ્સ કરે છે.
વસ્તુઓ થોડો વાચાળ મેળવી શકો છો.
અને પ્રોગ્રામરો તરીકે, તમે કર્યું છે કદાચ આ વિડિઓઝ ઘણા જોવા મળે છે,
અમે વાચાળ વસ્તુઓ પસંદ નથી.
>> અમે ઝડપથી વસ્તુઓ કરવા માટે સમર્થ થવા માટે ગમે છે.
તેથી અમે એક વધુ ગમશે સંક્ષિપ્ત રીતે કંઈક કહે છે.
તેથી તરફ દોરી જાય છે આ પ્રકારની કંઈક કલ્પના jQuery કહેવાય છે.
હવે jQuery જાવાસ્ક્રિપ્ટ નથી.
તે જાવાસ્ક્રિપ્ટ ભાગ નથી.
>> તે લખવામાં આવ્યું હતું કે એક પુસ્તકાલય છે કેટલાક જાવાસ્ક્રિપ્ટ પ્રોગ્રામરો દ્વારા
લગભગ 10 વર્ષ પહેલાં.
અને તેના ધ્યેય આ શું છે સરળ બનાવવા માટે છે કહેવાય ક્લાઈન્ટ બાજુ સ્ક્રિપ્ટીંગ, જે
અમે હમણાં જ શું હતા મૂળભૂત છે DOM મેનિપ્યુલેશન્સ સાથે વિશે વાત.
તેથી જો હું સુધારવા માગે છે મારી વેબ પાનું પૃષ્ઠભૂમિ રંગ, કદાચ
ચોક્કસ વિભાગ.
>> અહીં, હું દેખીતી રીતે મેળવવામાં છું ElementById colorDiv.
અને હું તેના પૃષ્ઠભૂમિ રંગ સુયોજિત કરવા માંગો છો.
હું માત્ર શુદ્ધ જાવાસ્ક્રિપ્ટ ઉપયોગ કરું છું, તો ડોક્યુમેન્ટ ઓબ્જેક્ટ મોડેલ ઉપયોગ કરીને,
અધિકાર, સામગ્રી ઘણો છે? document.getElementByID
colorDiv.style.backgroundColor લીલા =.
>> નવાઇ.
કહે છે કે એક ઘણો હતો.
તે ખૂબ, ટાઇપ કરવા માટે ઘણો છે.
અને તેથી jQuery માં, અમે કદાચ કહી શકો છો આ થોડો વધુ સંક્ષેપથી.
તે કરવામાં આવી રહી વેપાર કદાચ થોડી છે થોડી અચાનક તમામ વધુ ભેદી,
અધિકાર?
>> ઓછામાં ઓછા લાંબા થોડી વધુ છે અમે કરી રહ્યા છીએ તે માટે સ્પષ્ટીકરણ.
આ ડોલર સાઇન, કૌંસ, એક ભાવ, હેશ, colorDiv, અધિકાર?
કે શું અર્થ છે?
ઠીક છે, કે માત્ર મૂળભૂત છે document.getElementByID colorDiv.
>> પરંતુ તે લઘુલિપિ આ પ્રકારની છે jQuery મદદથી આમ માર્ગ.
ચાલો હવે એક નજર કરીએ અલગ અલગ રીતે એક દંપતી
હું ખરેખર કદાચ આ દસ્તાવેજ પદાર્થ ઉપયોગ
મોડલ મારી સાઇટ ટુકડાઓ ચાલાકી.
ખાસ કરીને, અમે જઈ રહ્યાં છો હેરફેર પર કામ કરી
ચોક્કસ રંગ વેબ પૃષ્ઠ પર DIV, colorDiv.
તેથી આપણે તે પર એક નજર કરીએ.
બધા અધિકાર.
તેથી હું એક પૃષ્ઠ પર છું.
તમે ડાઉનલોડ કરો ત્યારે તે test.html કહેવાય છે આ તમે શું આ ઠીક કરવા માંગો છો.
અને હું એક સમૂહ મળી છે આ પાનાં પર બટનો.
અને હું વ્યક્તિગત કાર્યો કહી રહ્યો છું પૃષ્ઠભૂમિ રંગ, લીલો, જાંબલી માટે,
નારંગી, લાલ, વાદળી, એક કાર્ય પૃષ્ઠભૂમિ રંગ માટે, ઘટના સંભાળનાર
પૃષ્ઠભૂમિ રંગ, અને jQuery વાપરવા માટે.
હું શું વાત કરું છું જ્યારે હું આ કરી રહ્યો છું?
તેથી અમે બટનો જોઇ છે.
હવે, ચાલો એક નજર કરીએ અહીં સ્રોત કોડ કેટલાક.
અમે test.html સાથે શરૂ કરી શકશો.
પૃષ્ઠભૂમિ માટે જેથી વ્યક્તિગત કાર્યો રંગ હું અહીં ટાઇપ કર્યું છે.
મને થોડો સ્ક્રોલ કરો.
>> અને તમે કે હું નોટિસ પડશે આ બટનો વ્યાખ્યાયિત કરે છે
આ બટન ક્લિક થયેલ હોય ત્યારે કહે છે, જાંબલી ચાલુ કાર્ય કૉલ કરો.
આ બટન પર ક્લિક કરો આવે છે, ત્યારે તેના બદલે, કાર્ય લીલા ચાલુ કૉલ,
લાલ ચાલુ, નારંગી ચાલુ, વાદળી કરો.
તમે કદાચ આ કે ધારી શકો છો શ્રેષ્ઠ ડિઝાઇન કદાચ નથી
અર્થમાં, અધિકાર?
>> હું કરી શકે છે તો તે સરસ હશે વધુ સામાન્ય અભિગમ છે.
વેલ, પ્રથમ અમે એક નજર પડશે તે પાંચ કાર્યો છે શું
document.getElementByID જાંબલી colorDiv.style.background =
લાલ, લીલો, નારંગી અનુક્રમે, અને વાદળી.
તેથી, ખાસ કરીને શ્રેષ્ઠ ડિઝાઇન.
>> બટનો આગામી સમૂહ હું તેવા પરચૂરણ ખર્ચ કર્યો છે છે
કહેવાય એક કાર્ય કે જે દેખીતી રીતે રંગ બદલો
તેની દલીલ તરીકે શબ્દમાળા સ્વીકારે છે.
તેથી આ એક થોડો વધુ સારી છે.
લાલ, જાંબલી, લીલા, નારંગી, બ્લુ હવે દલીલ છે.
તેથી હું એક વધુ સામાન્ય તેવા પરચૂરણ ખર્ચ કર્યો કેસ જાવાસ્ક્રિપ્ટ કાર્ય,
જે આ કંઈક જોવા શકે છે.
હું પસાર છું.
આ કાર્ય ફેરફાર રંગ છે રંગ કહેવાય દલીલ અપેક્ષા.
અને હું સેટ કહી રહ્યો છું આ રંગ પૃષ્ઠભૂમિ રંગ.
તેથી અહીં હું અહીં મળી છે શું રજૂ કરે છે.
તેથી તે થોડી વધુ સારી છે.
>> પરંતુ હું કરવાનો પ્રયત્ન કરી શકે તે કરતાં વધુ સારી નથી.
અમે એક નજર કરવા માટે નીચે જાઓ તો આ ઘટના સંભાળનાર પરિસ્થિતિ પર,
હવે આ બધા કોલ્સ જ જુઓ.
તમારા માટે યાદ તો અમારા ઘટના હેન્ડલર્સ પર ચર્ચા,
હું જેના વિશે માહિતી મેળવી શકો છો આ બટનો ક્લિક અને તે ઉપયોગ કરવામાં આવ્યો હતો.
>> અને તેથી event.JavaScript, હું કર્યું લખેલા બદલો રંગ ઘટના, જે
ક્લિક કરવામાં આવી હતી કે જે બટન આંકડા.
તે ટ્રિગર પદાર્થ રેખા છે.
અને પછી અહીં, તે ખરેખર વાચાળ મળે છે.
પરંતુ શું હું કરી રહ્યો છું હું છું છે પૃષ્ઠભૂમિ સુયોજિત
triggerObject inner.HTML રંગ.
તે લખાણ છે આ બટન ટૅગ્સ વચ્ચે.
>> અને પછી હું દેખીતી રીતે છે લોઅરકેસ તે સુયોજિત કરવા માટે.
અને તે હું એક સમગ્ર કન્વર્ટ કરી શકો છો કેવી રીતે શબ્દમાળા ઉપયોગ જાવાસ્ક્રિપ્ટ લોઅરકેસ
કે પદ્ધતિ લોઅરકેસ.
હું રંગ સુયોજિત છે જ્યારે કારણ કે, હું અહીં શું કરવા પ્રયાસ કરી રહ્યો છું, કારણ કે
રંગ બધા લોઅરકેસ હોઈ શકે છે.
>> પરંતુ હું હતી કે બટન અમે અન્ય નજર લાગી હોય તો
લખાણ છે કે નોટિસ જાંબલી માટે મૂડી પી સાથે લખાયેલ છે.
અને પછી ખૂબ જ અહીં નીચે, હું દેખીતી રીતે
પ્રયત્ન કરો અને તેમજ આ ઉપયોગ jQuery નથી.
અને આ કિસ્સામાં, હું ખરેખર નથી બધા કાર્ય કહે છે.
હું માત્ર હું વર્ગ છું કે જણાવ્યું હતું કે કર્યું આ બટન માટે મદદથી JQ બટન છે.
બસ આ જ.
>> તેથી કેવી રીતે jQuery હું શું કરી રહ્યો છું ખબર નથી?
વેલ, આ એક ફાયદો છે jQuery ગેરફાયદા સ્લેશ.
તે મને વસ્તુઓ કરવા માટે પરવાનગી આપી શકે છે ખૂબ જ સંક્ષેપથી, પરંતુ કદાચ નથી
તરીકે તર્ક.
કદાચ તે અન્ય ત્રણ બનાવવા થોડી વધુ હું શું કરી રહ્યો છું સુઝ.
અહીં, છતાં, શું થઈ રહ્યું છે?
>> દેખીતી રીતે, બનાવવા એક અનામી કાર્ય
કે લોડ જ્યારે મારા દસ્તાવેજ , તેથી document.ready તૈયાર છે,
અમુક કાર્ય થવાનું છે.
મૂળભૂત રીતે, જ્યારે દસ્તાવેજ તૈયાર છે?
મારા પાનું લોડ થયેલ છે ત્યારે તે છે.
>> તેથી જલદી મારા પાનું લોડ આવ્યું છે, કાર્ય નીચેના હંમેશા તૈયાર છે.
તે કહે છે, તો પ્રકાર jQButton એક પદાર્થ, અથવા વર્ગ jQButton ક્લિક કરી દેવામાં આવી તો,
આ કાર્ય ચલાવો.
તેથી અહીં બે અનામી કાર્યો છે, એક અન્ય અંદર વ્યાખ્યાયિત થયેલ છે.
>> મારા સમગ્ર સંદર્ભ તેથી અહીં અત્યાર સુધી મારા પૃષ્ઠ છે
તે લાવે છે જ્યારે તે આ કાર્ય કહે છે.
અને આ કાર્ય રાહ જોઈ રહ્યું છે એક બટન ક્લિક કરી શકાય છે.
અને એક બટન ક્લિક થયેલ હોય ત્યારે, JQ બટન ખાસ ક્લિક થયેલ હોય,
તે આ અન્ય કહે છે કાર્ય છે, કે જે રહ્યું છે
પૃષ્ઠભૂમિ સુયોજિત કરવા માટે colorDiv રંગ હોઈ
ગમે લખાણ ટૅગ્સ વચ્ચે છે.
>> આ કલ્પના છે જે બટન ક્લિક કરવામાં આવી હતી.
પરંતુ અન્યથા, આ પ્રકારની છે એક ઘટના સમાન વર્તન.
તે માત્ર એ જ રીતે હું jQuery માં આ વ્યક્ત કરશે.
ફરીથી, તે કદાચ એક વધુ ઘણો લાવનારાઓ.
તે સ્પષ્ટ નથી event.js કંઈક,
જે કદાચ થોડો વધુ છે વર્બોઝ છે, પરંતુ થોડો ઓછો
લાવનારાઓ.
>> પરંતુ અમે મારું બ્રાઉઝર પર પાછા પોપ તો વિન્ડો, હું સારી રીતે clicking-- શરૂ કરવા માટે,
કે જાંબલી બદલાઈ.
આ શબ્દમાળા પદ્ધતિનો ઉપયોગ કરીને લીલા છે.
આ ઘટના સંભાળનાર ઉપયોગ નારંગી છે.
>> આ અધિકાર, jQuery મદદથી Red છે?
તેઓ બધા બરાબર એ જ વર્તે.
તેઓ માત્ર તે અલગ ઉપયોગ કરી આ સમસ્યા હલ કરવા માટે પહોંચે છે.
માટે ઘણો વધુ છે jQuery પછી અમે ચોક્કસપણે છો
આ વિડિઓ વિશે વાત જઈ રહી છે.
તમે વધુ જાણવા માંગો છો, તો તમે કરી શકો છો દસ્તાવેજીકરણ jQuery સૉર્ટ પર જાઓ
અને લગભગ તદ્દન થોડી વધુ જાણવા આ ખૂબ જ લવચીક પુસ્તકાલય છે, જે
ક્લાઈન્ટ બાજુ કરવાથી માટે મહાન છે આવા અમે શું કરી રહ્યા હતા કે સ્ક્રિપ્ટીંગ
દેખાવ ચાલાકી અને અમારા વેબ પાનાંની લાગે
ડોક્યુમેન્ટ ઓબ્જેક્ટ મોડલ સાથે.
હું ડો લોયડ છું.
આ CS50 છે.