டக் LLOYD: இந்த வீடியோ, நாம் விரும்பிய தனி கவனம் வெளியே அழைக்க
ஒரு குறிப்பிட்ட செய்ய ஜாவா உறுப்பு
நீங்கள் எளிது கண்டறிய என்று போது நீங்கள் தொடங்கி இருக்கிறோம்
வலை பக்கங்கள் வேலை மற்றும் உங்கள் வலை பக்கம் உள்ளடக்கத்தை மாற்றும்
ஈ.
அந்த கருத்தை தான் ஆவண ஆப்ஜெக்ட் மாதிரி.
எனவே நாம் நம் வீடியோ பார்த்தேன் ஜாவா, பொருள்கள் மிகவும் நெகிழ்வான உள்ளன.
>> அவர்கள் பல்வேறு துறைகளில் கொண்டிருக்க முடியாது.
நாம் நிறைய செல்ல முடியவில்லை என்றாலும் விவரம், அந்த துறைகள் அல்லது பண்புகள்,
என்று நாம் அநேகமாக இன்னும் என்று சரியான அவர்களை அழைக்க
கூட ஒரு பொருளை சூழலில், அந்த பண்புகளை பிற பொருட்களை இருக்க முடியும்.
அந்த பொருட்களை உள்ளே மற்ற பொருட்களை இருக்க முடியும்.
>> இந்த மிக பெரிய பொருள் வேண்டும், மற்ற பொருட்களை நிறைய
அது உள்ளே, இது மாதிரியான ஒரு பெரிய மரம் இந்த யோசனை உருவாக்குகிறது.
இப்போது, ஆவணம் பொருள் ஒரு இங்கு உள்ள மிகவும் சிறப்பு பொருள்
என்று உங்கள் மொத்த வலை ஏற்பாடு குடை இந்த வகையான கீழ் பக்கம்
ஒரு பொருளின்.
அதனால் ஆவணம் உள்ளே பொருள் வழங்கும் பொருள்கள்
உங்கள் வலை பக்கம் தலை மற்றும் உடல்.
>> அந்த உள்ளே மற்ற உள்ளன பொருட்களை, முதலியன, முதலியன,
உங்கள் முழு வலை பக்கம் உள்ளது வரை இந்த பெரிய பொருள் ஏற்பாடு செய்யப்பட்டுள்ளன.
தலைகீழாக சரி, இங்கே என்ன?
சரி, நாம் வேலை எப்படி தெரியும் இங்கு உள்ள பொருட்களை கொண்டு.
>> நாங்கள் ஒரு பொருள் இருந்தால், அதனால் என்று, நம் முழு வலை பக்கம் குறிக்கிறது
சரியான அழைப்பு மூலம் பொருள் முறைகள் என்று பொருள் கையாள
அல்லது சில மாற்றியமைப்பதன் அதன் பண்புகள், நாம்
கூறுகள் மாற்ற முடியும் எங்கள் பக்கம் வேலைத்திட்ட
ஜாவா பயன்படுத்தி பதிலாக கொண்ட HTML ஐ, சொல்ல, விஷயங்களை குறியீடு.
எனவே இங்கு ஒரு உதாரணம் தான் வலைப்பக்கத்தில் மிக எளிய, சரியான?
இது HTML குறிச்சொற்களை, ஒரு தலை கிடைத்தது.
>> உள்ளே ஒரு தலைப்பு, ஹலோ உலகம் இருக்கிறது.
நான் ஒரு உடல் வேண்டும்.
உள்ளே, நான் இல்லை மூன்று வெவ்வேறு விஷயங்கள்.
நான் ஒரு H2, தலைப்பு குறிச்சொல் வேண்டும் ஒரு பத்தி, மற்றும் ஒரு இணைப்பு.
இது ஒரு மிக எளிய வலைப்பக்கத்தில் ஆகும்.
>> சரி, என்ன வலிமை ஆவணம் போன்ற இந்த தோற்றம் ஆட்சேபிக்க?
சரி, அது ஒரு சிறிய விஷயம் ஒருவேளை முதலில் பயங்கரமான.
ஆனால் அது உண்மையில் ஒரு பெரிய மரம் இருக்கிறது.
அது மிகவும் வேர் ஆவணம் ஆகும்.
>> ஆவணம் வேறு அது உள்ளே என் பக்கத்தில் இருக்கும் HTML குறிப்பிடும் பொருள்.
என் பக்கத்தில் இருக்கும் HTML இந்த அனைத்து உள்ளது.
பின்னர் HTML உள்ளே பொருள், நான் ஒரு தலை பொருள் வேண்டும்,
இது அங்கு எல்லாம் குறிக்கிறது.
>> அங்கே உள்ளே, நான் ஒரு தலைப்பு பொருள் வேண்டும்.
அங்கே உள்ளே, நான் மற்றொரு வேண்டும் என்று வெறும் ஹலோ உலகின் எதிர்க்கவில்லை.
நான் என் உடல் இருக்க முடியும் இந்த போன்ற குறிப்பிடப்படுகின்றன.
>> என் உடலின் உள்ளே, நான் ஒரு H2, வேண்டும் பொருள் பத்தி ஒரு ப பொருள்
மற்றும் ஒரு இணைப்பு ஒரு ஒரு பொருள்.
எனவே இந்த முழு படிநிலை ஒரு பெரிய மரம் குறிப்பிடப்படுகின்றன
சிறிய சிறிய நிறைய விஷயங்களை அது வெளியே வரும்.
இப்போது, நிச்சயமாக, போது நாம் நிகழ்ச்சிகளை நீங்கள்
ஒரு பெரிய மரம் விஷயங்கள் என்று நான் நினைக்கவில்லை.
நாம் உண்மையான பார்க்க வேண்டும் குறியீடு தொடர்பான விஷயங்கள்.
>> மற்றும் அதிர்ஷ்டவசமாக, நாம் முடியும் நம் டெவலப்பர் கருவிகள் பயன்படுத்த
உண்மையில் பாருங்கள் எடுக்க இந்த வலைத்தளத்தின் ஆவணம் பொருள்.
மற்றும் அதை செய்ய விடுங்கள்.
அதனால் நான் ஒரு உலாவி தாவலை திறந்து விட்டேன்.
>> நான் டெவலப்பர் கருவிகள் திறந்து விட்டேன்.
மற்றும் இங்கு எனது வீடியோவை, நான் பணியகம் இல்லை என்று குறிப்பிட்டுள்ளார்
மட்டுமே எங்கேயாவது அங்கு நாம் தகவல் அச்சிட,
அது ஒரு இடத்தில் எங்கே நாம் உள்ளீடு, தகவல்.
இந்த சூழலில், என்ன நான் சொல்ல போகிறேன்
நான் மீண்டும் பெற விரும்புகிறேன் ஆவணம் பொருள்கள்,
அதனால் நான் அதை பாருங்கள் ஆரம்பிக்க முடியும்.
அதனால் நான் எப்படி செய்ய வேண்டும்?
சரி, நான் வேண்டும் என்றால் உண்மையில் நன்றாக ஏற்பாடு,
நான் console.dir, டி-இ-ஆர் சொல்ல போகிறேன். இப்போது, நான் அச்சிட console.log பயன்படுத்த
வெளியே ஏதாவது மிக எளிய.
ஆனால் நான் இந்த ஏற்பாடு செய்ய வேண்டும் என்றால் கீழாக ஒரு பொருள்,
நான் அது மாதிரி கட்டமைக்கப்பட்ட வேண்டும் ஒரு அடைவு கட்டமைப்பு போன்ற.
>> எனவே நான் ஆவணம் console.dir வேண்டும்.
நான் Enter அடிக்க போகிறேன்.
மற்றும் அதை கீழே இப்போது, நான், இங்கே உள்ள பெரிதாக்க வேண்டும்
நான் இந்த பதில் ஆவணம் கிடைத்துவிட்டது அதை அடுத்த ஒரு சிறிய அம்புக்குறி.
இப்போது, நான் இந்த அம்பு திறக்கும் போது, பொருட்களை நிறைய இருக்க போகிறது.
>> ஆனால் நாம் நிறைய புறக்கணிக்க போகிறேன் அது மற்றும் கவனம் வெறும் வகையான
மிக முக்கியமான பகுதியாக, நாம் இந்த ஆவணத்தில் செல்ல முடியும்.
டிஓம் விட நிறைய இருக்கிறது முனைகள் மற்றும் குழந்தை முனைகளில் வெறும் பெற்றோர்.
துணை பொருள் நிறைய இருக்கிறது.
>> எனவே நான் இந்த திறந்து போகிறேன்.
மற்றும் ஒரு முழு நிறைய இருக்கிறது பொருட்களை அந்த மேல்தோன்றும்.
ஆனால் நான் கவலைப்பட அனைத்து ஆகிறது சரி இங்கே, குழந்தை முனைகளில்.
அந்த திறந்து விடுங்கள்.
>> அங்கு உள்ளே நான் பார்க்கிறேன் பழக்கமான ஒன்று, HTML ஐ.
எங்கள் ஆவணம் மிகவும் உள்ளே ஒரு நிலை, HTML ஐ.
நான் அந்த திறந்து.
நாம் என்ன எதிர்பார்க்கிறீர்கள்?
>> நீங்கள் எங்கள் வரைபடம் இருந்து நினைவு என்றால், நாம் HTML உள்ளே என்ன கண்டுபிடிக்க வேண்டும்?
மரத்தில் கீழே என்ன இரண்டு முனைகளில் உள்ளன?
கண்டுபிடிக்க நாம்.
நாம் HTML திறந்து.
நாம் அதன் குழந்தை முனைகளில் இறங்குகிறார்கள்.
>> திறந்த பாப்.
தலை மற்றும் உடல் இருக்கிறது.
நாம் தலை வரை திறக்க முடியும்.
அதன் குழந்தை முனைகளில் சென்று.
சரி, தலைப்பு இருக்கிறது.
>> நாம் செல்ல முடியும் மற்றும் இது போன்ற என்றென்றும்.
நாம் அதே உடல் இதை செய்ய முடியும்.
ஆனால் எங்களுக்கு பார்க்க ஒரு வழி உள்ளது ஒரு பெரிய பொருளாக ஏற்பாடு ஆவணம்.
நாங்கள் பார்த்தால் மற்றும் ஒரு பெரிய ஆகிறது நிறைய இருக்கிறது என்று பொருள்
குறியீடு போன்ற, என்று நாம் தொடங்க முடியும் என்று அர்த்தம் பயன்படுத்தி இந்த பெரிய பொருள் கையாள
குறியீடு என்ன மாற்ற எங்கள் வலைத்தளத்தில் மற்றும் போல் உணர்கிறேன்.
>> அதனால் ஒரு அழகான சக்தி வாய்ந்த கருவியாக இருக்கிறது நாம் இப்போது நம் வசம்.
நாம் தான் பார்த்தேன் எனவே, ஆவணம் பொருள் தன்னை
மற்றும் அது உள்ளே பொருட்கள் அனைத்தும் வெறும், பண்புகள் மற்றும் முறைகள்
நாம் நான் என்று எந்த பொருள் போன்ற இங்கு உள்ள வேலை.
ஆனால் நாம் அந்த பண்புகளை பயன்படுத்தலாம் மற்றும் அப்படி கீழே தோண்டி அந்த முறைகள் பயன்படுத்த
மற்றும் பெரிய ஆவணம் இருந்து பெற கீழ் மற்றும் கீழ் மற்றும் கீழ்,
லேசானது மற்றும் லேசானது தானியங்கள் விவரம், நாம் வரை
ஒரு குறிப்பிட்ட துண்டு பெற எங்கள் நாம் மாற்ற வேண்டும் என்று வலைப்பக்கத்தில்.
>> நாம் பண்புகள் புதுப்பிக்க போது பொருள் ஆவணம் அல்லது அந்த முறை அழைப்பு
விஷயங்களை எங்கள் வலை பக்கத்தில் நடக்கும்.
நாம் எந்த புத்துணர்ச்சி செய்ய தேவையில்லை அந்த மாற்றங்கள் செயல்பட வேண்டும்.
>> அந்த ஒரு அழகான குளிர்ந்த திறன் தான் நாம் குறியீடு பணிபுரியும் போது வேண்டும்.
எனவே இந்த பண்புகள் சில என்ன ஒரு ஆவணம் பொருளின் பகுதியாக நினைக்கிறாயா?
சரி, ஒருவேளை நீங்கள் பார்த்த ஒரு அவர்கள் ஜோடி உண்மையில் விரைவில்
நாங்கள் ஜிப்பிங் என மாபெரும் ஆவணம் மூலம்
பொருள் நாம் தான் இணைய உலாவி பார்த்தேன்.
>> ஆனால் இந்த பண்புகள் ஒரு ஜோடி உள் HTML போன்ற விஷயங்களை இருக்கலாம்.
நீ ஏன் எனக்கு நினைவு ஜாவா வீடியோ இந்த பயன்படுத்தி
மிகவும் இறுதியில் போது நான் நிகழ்வுகள் பற்றி பேசி கொண்டிருந்தார்.
இந்த உள் HTML என்ன?
சரி, அது தான் என்ன இருக்கிறது குறிச்சொற்கள் இடையே.
>> அதனால் உள் HTML, எடுத்துக்காட்டாக, தலைப்பு
நாங்கள் கொண்டேயிருந்தால் டேக், போகிறது , ஒரு கணம் முன்பு உதாரணம்
ஹலோ உலகம் இருந்திருக்கும்.
என்று நம் பக்கம் தலைப்பு.
பிற பண்புகள் கணு பெயருடன், இதில் அடங்கும்
ஒரு HTML பெயர் தலைப்பு போன்ற உறுப்பு.
ஐடி இது ஐடி, ஒரு HTML உறுப்பு காரணம்.
>> நாங்கள் சிறப்பாக குறிக்க முடியும் என்று நினைவு எங்கள் HTML குறிப்பிட்ட உறுப்புகள்
இது பொதுவாக ஒரு அடையாள பண்பு, உடன் CSS ஐ சூழலில் எளிது வருகிறது,
குறிப்பாக.
ஒரு குறிப்பு இது பெற்றோர் முனை தான் என்னை மேலே டோம் என்ன.
மற்றும் குழந்தை முனைகளில், இது ஒரு என்னை கீழே கீழே என்ன குறிப்பு.
நாம் அது நிறைய பார்த்தேன் வெறும் மூலம் தேடும்.
நாங்கள் கிடைத்தது எப்படி குழந்தை முனைகளில், என்று மரத்தில் கீழ் மற்றும் கீழ்.
>> , காரணிகள் என்று ஒரு வரிசை தான் இன் HTML உறுப்பு பண்புகளை.
எனவே பண்புகளை ஒரு உதாரணம் வலிமை நீங்கள் ஒரு படத்தை டேக் வேண்டும் என்றால்,
அது பொதுவாக ஒரு மூல பண்பு உள்ளது, ஒருவேளை ஒரு உயரம் மற்றும் அகலம் பண்பு.
அதனால் தான் ஒரு வரிசை இருக்க வேண்டும் தொடர்புடைய பண்புகளை அனைத்து
HTML உறுப்பு கொண்டு.
>> உடை மற்றொரு ஒன்று என்று CSS ஐ பிரதிநிதித்துவப்படுத்துகிறது
ஒரு குறிப்பிட்ட உறுப்பு ஸ்டைலிங்.
பின்னர் இந்த வீடியோ, நாங்கள் குறிப்பாக தருகிறேன்
அந்நிய பாணி ஒரு ஜோடி செய்ய எங்கள் வலைத்தளத்தில் மாற்றங்கள்.
எனவே அந்த சில பண்புகள் உள்ளன.
>> மேலும் சில உள்ளன என்று நாம் முறைகள்
அதிக வேகமாக ஒருவேளை தனிமைப்படுத்த பயன்படுத்த ஆவண ஆப்ஜெக்ட் கூறுகள்.
ஒருவேளை, மிக விரிவானது இந்த இருப்பது getElementById என்ற.
அதனால் நான், ஏனெனில் போன்ற ஏதாவது சொல்ல வேண்டும் அது ஆவண ஒரு முறை தான் நினைவில்
, பேஸ்புக் பொருள்.
>> அந்த அடைப்புக்குறிக்குள் உள்ளே, குறிப்பிட ஒரு குறிப்பிட்ட ஐடி ஒரு HTML உறுப்பு
நான் முன்பு நான் என்று பண்பு அமைக்க, நான் உடனடியாக தருகிறேன்
அந்த உறுப்பு வலது செல்ல ஒட்டுமொத்த வலைத்தளத்தின்.
எனவே நான் ஒருவேளை தோண்டி இல்லை ஒவ்வொரு ஒற்றை அடுக்கு வழியாக கீழே.
நான் அதை கண்டுபிடிக்க இந்த முறையை பயன்படுத்தலாம், அப்படி ஒரு வெப்ப தேடுவது, ஏவுகணை போன்ற,
சரியா?
அது அப்படியே சென்று காண்கிறது சரியாக தேடி அது என்ன.
>> GetElementsByTagName ஆகிறது ஆவி மிகவும் ஒத்ததாக.
ஒருவேளை இந்த அனைத்து கண்டுபிடிக்க வேண்டும் தைரியமான குறிச்சொற்களை அல்லது ப குறிச்சொற்களை அனைத்து
என்னை எல்லாம் ஒரு வரிசை கொடுக்க நான் பின்னர் வேலை என்று.
appendChild ஒன்று சேர்க்கிறது கீழே மரத்தில் ஒரு நிலை.
>> அதனால் நான் ஒரு முழு புதிய சேர்க்க முடியும் உறுப்பு ஒரு நிலை குறைந்த.
அல்லது நான் என்று ஒரு உறுப்பு நீக்க முடியும் அதே நான் வேண்டும் என்றால் ஒரு நிலை குறைந்த
என் வலை பக்கம் ஏதாவது நீக்க.
இப்போது, ஒரு விரைவான குறியீட்டு குறிப்பு மற்றும் ஒரு விரைவான தலைவலி வட்டம், குறிப்பு சேமிப்பு.
>> getElementById-- ஈ ஸ்மால் உள்ளது.
நான் எத்தனை முறை நீங்கள் சொல்ல முடியாது பயன்படுத்தப்படும் getElementById மற்றும் முதலீட்டை
அங்கு ஈ.
அது உண்மையில் பொதுவான காரணம்.
நாம் வார்த்தை ஐடி எழுத வேண்டும் என்றால், அது தான் வழக்கமாக தலைநகர் நான் மூலதன டி
என் குறியீடு தான் வேலை இல்லை.
நான் ஏன் கண்டுபிடிக்க முடியாது.
இந்த உண்மையில், உண்மையிலேயே, ஒரு ஆகிறது எல்லோருக்கும் செய்கிறது என்று பொதுவான பிழை,
என்று கூட நிபுணர்கள் எப்போதும் இதை.
அதனால் தான், getElementById எச்சரிக்கையாக இருக்க வேண்டும், அந்த ஈ ஸ்மால் உள்ளது.
மேலும் வட்டம், என்று நீங்கள் பல சேமிக்கிறது அநேக குறைந்தது நிமிடங்கள்.
>> அதனால் என்ன இந்த அனைத்து சொல்கிறது?
நாம் இந்த முறைகள் வேண்டும்.
இந்த பண்புகள் உண்டு.
இப்போது, நாம் இருந்து தொடங்க என்றால் ஆவணம், ஆவணம்.
என்ன, நாம் இப்போது எந்த பெற முடியும் நமது வலைப்பக்கத்தில் ஒற்றை துண்டு
நாம் இங்கு பயன்படுத்தி வேண்டும் என்று இந்த முறைகள் அழைப்பு மூலம்
மற்றும் பண்புகள் தளர்த்துவதன் நாங்கள் பல்வேறு இடங்களில் கண்டுபிடிக்கிறோம் என்று.
>> இந்த, இந்த சொற்களால் ஆன பெற முடியும் document.getElementByID,
ஒருவேளை ஒரு நீண்ட டேக் பெயர், ஒருவேளை நீங்கள் பின்னர் மேலும் அழைப்புகள் செய்ய.
விஷயங்கள் கொஞ்சம் சொற்களால் ஆன பெற முடியும்.
மற்றும் புரோகிராமர்கள், நீங்கள் போல அநேகமாக இந்த வீடியோக்களில் பல பார்த்திருக்கிறேன்,
நாங்கள் சொற்களால் ஆன விஷயங்கள் பிடிக்காது.
>> நாம் விரைவில் விஷயங்களை செய்ய முடியும் விரும்புகிறேன்.
எனவே நாம் ஒரு இன்னும் விரும்புகிறேன் சுருக்கமாகவும் வழியில் ஏதாவது சொல்ல.
எனவே வழிவகுக்கிறது இந்த வகையான ஏதாவது கருத்தை jQuery என்று.
இப்போது jQuery ஜாவாஸ்கிரிப்ட் அல்ல.
அது இங்கு ஒரு பகுதியாக இல்லை.
>> அது எழுதப்பட்டது என்று ஒரு நூலகம் உள்ளது சில ஜாவா மென்பொருள் மூலம்
பற்றி 10 ஆண்டுகளுக்கு முன்பு.
மற்றும் அதன் இலக்கு என்ன இது எளிமைப்படுத்த வேண்டும் என்று வாடிக்கையாளர் பக்க ஸ்கிரிப்ட், இது
நாம் தான் இருந்தது என்ன அடிப்படையில் உள்ளது டிஓம் கையாளுதல் பற்றி பேசுகிறீர்கள்.
நீங்கள் மற்றும் நான் மாற்ற வேண்டும் என் வலை பக்கம் பின்னணி நிறம், ஒருவேளை
ஒரு குறிப்பிட்ட டிவிசன்.
>> இங்கே, நான் வெளிப்படையாக பெறுவது ElementById colorDiv.
நான் அதன் பின்னணி நிறத்தை அமைக்க வேண்டும்.
நான் தூய JavaScript ஐ பயன்படுத்தி இருக்கிறேன் என்றால் ஆவண ஆப்ஜெக்ட் மாதிரி பயன்படுத்தி,
அந்த உரிமையை, பொருட்களை நிறைய இருக்கிறது? document.getElementByID
colorDiv.style.backgroundColor பச்சை =.
>> அந்தப்புரச்.
என்று சொல்ல நிறைய இருந்தது.
அது கூட, தட்டச்சு செய்ய நிறைய இருக்கிறது.
அதனால் jQuery, நாம் ஒருவேளை சொல்ல முடியும் இந்த ஒரு சிறிய பிட் மேலும் துல்லியமாகவும்.
அது இருப்பது ஆஃப் வர்த்தக ஒரு வேளை, கொஞ்சம் தான் பிட் திடீரென்று மேலும் ரகசிய,
சரியா?
>> குறைந்தது நீண்ட ஒரு பிட் உள்ளது நாம் என்ன செய்து கொண்டிருக்கிறோம் என விளக்க வேண்டும்.
இந்த டாலர், அடைப்புக்குறிக்குள், ஒற்றை மேற்கோள், புல, colorDiv, சரியான?
அதற்கு என்ன பொருள்?
சரி, அந்த அடிப்படையில் தான் document.getElementByID colorDiv.
>> ஆனால் அது சுருக்கெழுத்து இந்த வகையான தான் jQuery பயன்படுத்தி அதை செய்து வழி.
தான் இப்போது ஒரு பார்க்கலாம் வெவ்வேறு வழிகளில் ஒரு ஜோடி
நான் உண்மையில் உயிருடன் இந்த ஆவண ஆப்ஜெக்ட் பயன்படுத்த
மாதிரி என் தளத்தில் துண்டுகளை கையாள.
குறிப்பாக, நாம் போகிறோம் கையாள்வது வேலை வேண்டும்
ஒரு குறிப்பிட்ட நிறம் ஒரு இணைய பக்கத்தில் கிராம, 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 பயன்படுத்தி சிவப்பு?
அவர்கள் அனைத்து அதே நடந்துகொள்கிறார்கள்.
அவர்கள் அதை வெவ்வேறு பயன்படுத்தி செய்கிறார்கள் பிரச்சினையை தீர்க்க நெருங்குகிறது.
இன்னும் நிறைய இருக்கிறது jQuery, பின்னர் நாம் நிச்சயமாக நீ
இந்த வீடியோ பற்றி பேச போகிறேன்.
நீங்கள் மேலும் அறிய விரும்பினால் ஆனால், நீங்கள் ஆவணங்கள், jQuery வகையான செல்ல
மற்றும் பற்றி மிகவும் ஒரு பிட் மேலும் அறிய நெகிழ்வான நூலகம், இது
வாடிக்கையாளர் பக்க செய்து பெரிய உள்ளது போன்ற நாம் என்ன என ஸ்கிரிப்டிங்
தோற்றம் கையாள மற்றும் நமது வலைப்பக்கத்தில் உணர
ஆவண ஆப்ஜெக்ட் மாதிரி கொண்டு.
நான் டக் லாயிட் இருக்கிறேன்.
இந்த CS50 உள்ளது.