డౌ LLOYD: ఈ వీడియో లో, మేము కోరుకున్న ప్రత్యేక దృష్టిని కాల్
చాలా నిర్దిష్ట జావాస్క్రిప్ట్ మూలకం
మీరు సులభ కలిగించే చేసినప్పుడు మీరు మొదలు పెడుతున్నారు
వెబ్ పేజీలు అభిసంధానించడం పని మరియు మీ వెబ్ పేజీ యొక్క కంటెంట్ మారుతున్న
ఎగిరి.
మరియు ఆ భావనను ఉంది డాక్యుమెంట్ ఆబ్జెక్ట్ మోడల్.
కాబట్టి మేము మా వీడియో చూసిన జావాస్క్రిప్ట్, వస్తువులు చాలా సౌకర్యవంతం.
>> మరియు వారు వివిధ రంగాలలో వుండవచ్చు.
మరియు మేము చాలా లోకి వెళ్ళలేదు అయితే వివరాలు, ఆ ఖాళీలను లేదా లక్షణాలు,
మేము బహుశా మరింత చేస్తాను తగిన వాటిని కాల్
ఒక వస్తువు యొక్క సందర్భంలో, ఆయా ధర్మాలకు ఇతర వస్తువులు ఉంటుంది.
మరియు ఆ వస్తువుల లోపల ఇతర వస్తువులు ఉంటుంది.
>> మీరు ఈ చాలా పెద్ద వస్తువు ఇతర వస్తువులు చాలా
అది లోపల, ఇది విధమైన ఒక పెద్ద చెట్టు యొక్క ఈ ఆలోచన సృష్టిస్తుంది.
ఇప్పుడు, డాక్యుమెంట్ ఆబ్జెక్ట్ ఒక జావాస్క్రిప్ట్ లో చాలా ప్రత్యేక వస్తువు
మీ మొత్తం వెబ్ నిర్వహిస్తుంది గొడుగు యొక్క ఈ విధమైన కింద పేజీ
ఒక వస్తువు యొక్క.
కాబట్టి పత్రం యొక్క లోపల వస్తువు ప్రదర్శించడం వస్తువులు
మీ వెబ్ పేజీ యొక్క తల మరియు శరీరం.
>> ఆ లోపలి ఇతర వస్తువులు, మొదలైన, et సెటేరా,
మీ మొత్తం వెబ్ పేజీ కలిగి వరకు ఈ పెద్ద వస్తువులో నిర్వహిస్తున్నారు.
పైకి కుడి, ఇక్కడ ఏముంది?
Well, మేము పని ఎలా జావాస్క్రిప్ట్ వస్తువులతో.
>> మేము ఒక వస్తువు కలిగి ఉంటే కాబట్టి ఆ ఆ, మా మొత్తం వెబ్ పేజీ సూచిస్తుంది
సరైన కాల్ అర్థం పద్ధతులు ఆ వస్తువు మార్చటానికి
లేదా కొన్ని సవరించుట దాని లక్షణాలు, మేము
యొక్క అంశాలు మార్చవచ్చు మా పేజీ programmatically
జావాస్క్రిప్ట్ ఉపయోగించి బదులుగా కలిగి HTML, సే, తో విషయాలు సంకేతానికి.
కాబట్టి ఇక్కడ ఒక యొక్క ఒక ఉదాహరణ వార్తలు వెబ్ పేజీ చాలా సాధారణ, కుడి?
ఇది HTML ట్యాగ్లు ఒక తల కలిగియున్నారు.
>> లోపల ఒక టైటిల్, హలో ప్రపంచ ఉంది.
అప్పుడు నేను ఒక శరీరం కలిగి.
ఆ లోపలి, నేను కలిగి మూడు వేర్వేరు విషయాలు.
నేను ఒక h2 శీర్షిక ట్యాగ్ ఒక పేరా, మరియు ఒక లింక్.
ఈ చాలా సాధారణ వెబ్ పేజీ ఉంది.
>> బాగా, ఏమి వాటిని పత్రం వంటి ఈ లుక్ కోసం అభ్యంతరం?
సరే, కొద్దిగా వార్తలు బహుశా మొదటి వద్ద భయానకంగా.
కానీ అది నిజంగా కేవలం ఒక పెద్ద చెట్టు.
మరియు అది చాలా మూలంలో పత్రం.
>> పత్రం మరొక లోపల నా పేజీ యొక్క HTML సూచించడం వస్తువు.
మరియు నా పేజీ యొక్క HTML ఈ అన్ని ఉంటుంది.
ఆపై HTML లోపల వస్తువు, నేను ఒక తల వస్తువు,
ఇది అక్కడ ప్రతిదీ సూచిస్తుంది.
>> మరియు అక్కడ లోపల, నేను ఒక శీర్షిక వస్తువు.
మరియు అక్కడ లోపల, నేను మరొక కేవలం హలో ప్రపంచం అభ్యంతరం.
నా శరీరం కలిగి ఉంటుంది ఈ వంటి ప్రాతినిధ్యం.
>> నా శరీరం లోపలి, నేను ఒక h2 కలిగి వస్తువు మరియు పేరా కోసం ఒక పుట వస్తువు
మరియు ఒక లింక్ ఒక ఒక వస్తువు.
అందువలన ఈ మొత్తం సోపానక్రమం ఒక పెద్ద చెట్టు వంటి ప్రాతినిధ్యం చేయవచ్చు
చిన్న చిన్న యొక్క మా తో విషయాలు బయటకు వస్తున్న.
ఇప్పుడు, కోర్సు యొక్క, ఉన్నప్పుడు మనం ప్రోగ్రామింగ్
ఒక పెద్ద చెట్టు వంటి విషయాలు భావించడం లేదు.
మేము అసలు చూడాలనుకుంటే కోడ్ సంబంధిత విషయాలు.
>> మరియు అదృష్టవశాత్తూ, మేము మా డెవలపర్ టూల్స్ ఉపయోగించడానికి
నిజానికి పరిశీలించి కు ఈ వెబ్సైట్ యొక్క పత్రం వస్తువు.
మరియు యొక్క ఆ తెలియజేసేలా.
నేను ఒక బ్రౌజర్ టాబ్ అప్ తెరిచిన.
>> నేను డెవలపర్ ఉపకరణాలు అప్ తెరిచిన.
మరియు JavaScript నా వీడియో లో, నేను కన్సోల్ కాదని పేర్కొన్నారు
మాత్రమే సమ్ప్లేస్ పేరు మేము సమాచారాన్ని ప్రింట్,
అది కూడా ఇక్కడ చోటు వార్తలు మేము ఇన్పుట్ సమాచారం చెయ్యవచ్చు.
ఈ సందర్భంలో, ఏమి నేను చెప్పటానికి వెళుతున్న
నేను తిరిగి పొందడానికి కోరుకుంటారు పత్రం వస్తువులు,
కాబట్టి నేను వద్ద ఒక లుక్ కలిగి ప్రారంభించవచ్చు.
కాబట్టి నేను ఎలా దీన్ని ఉండవచ్చు?
Well, నేను అనుకుంటే నిజంగా చక్కగా నిర్వహించడానికి,
నేను console.dir, D-ఐ-R చెప్పడానికి వెళుతున్నాను. ఇప్పుడు, నేను ప్రింట్ console.log ఉపయోగించడానికి
బయటకు ఏదో చాలా సులభం.
కానీ నేను ఈ నిర్వహించడానికి అనుకుంటే క్రమానుగతంగా ఒక వస్తువు వంటి,
నేను విధమైన నిర్మాణాత్మక కావలసిన ఒక డైరెక్టరీ నిర్మాణం వంటి.
>> కాబట్టి నేను పత్రం console.dir అనుకుంటున్నారా.
నేను ఎంటర్ నొక్కండి వెళుతున్న.
మరియు కుడి అది క్రింద ఇప్పుడు మరియు నేను ఇక్కడ జూమ్ చేస్తాము
నేను ఈ స్పందన పత్రం పొందారు దాని ప్రక్కన చిన్న బాణం తో.
ఇప్పుడు నేను ఈ బాణం తెరిచినప్పుడు, stuff చాలా ఉన్నట్లు జరగబోతోంది.
>> కానీ మేము చాలా విస్మరించండి చూడాలని ఇది మరియు దృష్టి కేవలం రకమైన
అతి ముఖ్యమైన భాగం, మేము ఈ పత్రం నావిగేట్ చేయగలుగుతుంది.
DOM కన్నా చాలా ఎక్కువ ఉంది నోడ్స్ మరియు పిల్లల నోడ్స్ కేవలం మాతృ.
సహాయక stuff చాలా ఉంది.
>> నేను ఈ తెరవటానికి వెళుతున్న.
మరియు మొత్తం చాలా ఉంది వాటిలో ఆ బయటకు.
కానీ నేను పట్టించుకోనట్లు అన్ని ఇక్కడే పిల్లల నోడ్స్.
ఆ తెరుచుకుంటుంది లెట్.
>> అక్కడ లోపల నేను చూడండి పరిచయమైన, HTML.
మా పత్రం యొక్క లోపల ఒక లెవెల్ డౌన్, HTML.
నేను ప్రారంభించిన.
మేము ఏ ఎదురుచూచే ఉంటాయి?
>> మీరు మా రేఖాచిత్రం నుండి గుర్తు ఉంటే, మేము HTML లోపల ఏమి కనుగొనేందుకు ఉండాలి?
చెట్టు దిగువన ఏ రెండు నోడ్స్ ఉన్నాయి?
కనుగొనేందుకు యొక్క లెట్.
మేము HTML తెరుచుకుంటుంది.
మేము దాని పిల్లల నోడ్స్ డౌన్ వెళ్ళండి.
>> ఓపెన్ పాప్.
తల మరియు శరీర ఉంది.
మరియు మేము తల తెరుచుకుంటుంది.
దాని పిల్లల నోడ్స్ వెళ్ళండి.
Well, టైటిల్ ఉంది.
>> మరియు మేము వెళ్ళటానికి మరియు ఈ వంటి మీద ఎప్పటికీ.
మేము అలాగే శరీరం తో ఈ పని చేయడు.
కానీ మాకు చూసేందుకు ఒక మార్గం ఉంది ఒక పెద్ద వస్తువు వలె నిర్వహించారు పత్రం.
మేము చూస్తే ఒక పెద్ద చాలా కనిపిస్తుంది ఆ వస్తువు
కోడ్ వంటి, మేము ప్రారంభించవచ్చు అర్థం వాడి ఈ పెద్ద వస్తువు మార్చటానికి
కోడ్ ఏమిటి మార్చడానికి మా వెబ్సైట్ కనిపించే అనుకుని.
>> కాబట్టి ఒక అందమైన శక్తివంతమైన సాధనం మేము ఇప్పుడు మా పారవేయడం వద్ద ఉన్నాయి.
మేము ఇప్పుడు చూసిన కాబట్టి, పత్రం వస్తువు కూడా
అందులోని వస్తువులు అన్ని కేవలం, లక్షణాలు మరియు పద్ధతులు ఉన్నాయి
మేము చేసిన ఏ ఇతర వస్తువు వంటి జావాస్క్రిప్ట్ లో పని.
కానీ మేము ఆ లక్షణాలు ఉపయోగించవచ్చు మరియు విధమైన డౌన్ బెజ్జం వెయ్యి కు ఆ పద్ధతులను ఉపయోగిస్తారు
మరియు పెద్ద పత్రాన్ని నుండి పొందండి తక్కువ మరియు తక్కువ మరియు తక్కువ,
నాణ్యమైన మరియు నాణ్యమైన ధాన్యాల వివరాలు, మేము వరకు
ఒక నిర్దిష్ట ముక్క ను మా మేము మార్చడానికి కావలసిన వెబ్ పేజీ.
>> మరియు మేము యొక్క లక్షణాలు అప్డేట్ చేసినప్పుడు ఆబ్జెక్ట్ పత్రం లేదా ఆ పద్ధతులు కాల్,
విషయాలు మా వెబ్ పేజీలో జరిగే.
మరియు మేము ఏ రిఫ్రెష్ చేయడానికి అవసరం లేదు ఆ మార్పులు అమలులోకి రావడానికి కలిగి.
>> మరియు ఆ ఒక అందమైన చల్లని సామర్థ్యం మేము కోడ్ తో పని చేసినప్పుడు ఉన్నాయి.
కాబట్టి ఈ లక్షణాలు కొన్ని ఏవి ఒక డాక్యుమెంట్ ఆబ్జెక్ట్ భాగంగా ఉంటాయి?
సరే, మీరు బహుశా చూసిన ఒక వాటిని జంట నిజంగా త్వరగా
మేము zip చెయ్యడం చేశారు వంటి దిగ్గజం పత్రం ద్వారా
వస్తువు మేము కేవలం వెబ్ బ్రౌజర్ లో చూసింది.
>> కానీ ఈ లక్షణాలు జంట లోపలి HTML వంటి విషయాలు కావచ్చు.
మరియు మీరు కూడా నాకు గుర్తు ఉండవచ్చు జావాస్క్రిప్ట్ వీడియోలో ఈ ఉపయోగించి
చివరిలో ఉన్నప్పుడు నేను ఈవెంట్స్ గురించి మాట్లాడుతున్నాను.
ఈ లోపలి HTML ఏమిటి?
సరే, కేవలం ఏమిటి టాగ్లు మధ్య.
>> కాబట్టి లోపలి HTML, ఉదాహరణకు, బిరుదును
మేము కాపాడుకున్నాడు ట్యాగ్ లో వెళ్లి ఒక క్షణం క్రితం ఉదాహరణకు దాన్ని
హలో వరల్డ్ ఉండేది.
మా పేజీ టైటిల్.
ఇతర లక్షణాలు నోడ్ పేరు, వీటిలో
ఒక HTML యొక్క పేరు టైటిల్ వంటి మూలకం.
ID ఇది ID, ఒక HTML మూలకం యొక్క లక్షణం.
>> మేము ప్రత్యేకంగా సూచిస్తుంది గుర్తుచేసుకున్నారు మా HTML యొక్క నిర్దిష్ట అంశాలు
ఇది సాధారణంగా ఒక ID గుణం తో CSS సందర్భంలో సులభ వస్తుంది,
ప్రత్యేకంగా.
ఒక ప్రస్తావన ఉంది మాతృ నోడ్, కేవలం అప్ నాకు పైన DOM ఏమి.
మరియు పిల్లల నోడ్స్, ఇది ఒక డౌన్ నాకు క్రింద ఏమి సూచన.
మరియు మేము ఆ చాలా చూసింది కేవలం గుండా చూసేవారు.
మేము వచ్చింది ఎలా చైల్డ్ నోడ్స్, ఆ చెట్టు లోకి తక్కువ మరియు తక్కువ.
>> , గుణాలు కేవలం ఒక శ్రేణి యొక్క HTML మూలకం యొక్క లక్షణాలను.
కాబట్టి గుణాలను ఒక ఉదాహరణ ఉండవచ్చు మీరు ఒక చిత్రం ట్యాగ్ ఉంటుంది ఉంటే,
ఇది సాధారణంగా ఒక మూల లక్షణం ఉంది, బహుశా ఒక ఎత్తు మరియు వెడల్పు లక్షణం.
కాబట్టి కేవలం ఒక శ్రేణి ఉంటుంది సంబంధం గుణాలను అన్ని
ఆ HTML మూలకం.
>> శైలి మరొక ఒకటి ఆ CSS ప్రాతినిధ్యం లేదు
ఒక ప్రత్యేక మూలకం స్టైలింగ్.
మరియు తర్వాత ఈ వీడియో, మేము ప్రత్యేకంగా చేస్తాము
పరపతి శైలి ఒక జంట చేయడానికి మా వెబ్సైట్ మార్పులు.
కాబట్టి ఆ కొన్ని లక్షణాలు.
>> మరియు కూడా కొన్ని ఉన్నాయి మేము పద్ధతులు
కూడా మరింత త్వరగా ఉండవచ్చు వేరుచేయడం ఉపయోగించడానికి డాక్యుమెంట్ ఆబ్జెక్ట్ యొక్క అంశాలు.
బహుశా, ప్రసిద్ధ బహుముఖ ఇలాంటి వాటిల్లో getElementById యొక్క.
కాబట్టి నేను ఎందుకంటే వంటి ఏదో అనవచ్చు ఇది పత్రం యొక్క ఒక పద్ధతిగా గుర్తు
, Document.getElementByID అభ్యంతరం.
>> మరియు ఆ కుండలీకరణాలు లోపలి తెలపటానికి ఒక ప్రత్యేక ID తో ఒక HTML మూలకం
నేను గతంలో చేసిన కేటాయించండి సెట్, మరియు నేను వెంటనే చేస్తాము
ఆ అంశానికి కుడి వెళ్ళండి మొత్తం వెబ్సైట్.
నేను బహుశా బెజ్జం వెయ్యి లేదు ప్రతి ఒక్క పొర ద్వారా డౌన్.
నేను దానిని కనుగొనేందుకు ఈ పద్ధతి ఉపయోగించవచ్చు, విధమైన ఒక వేడి కోరుతూ క్షిపణి వంటి,
కుడి?
ఇది కేవలం వెళ్తాడు మరియు తెలుసుకుంటాడు సరిగ్గా దాని కోసం ఆరాటపడుతుంది ఏమి.
>> GetElementsByTagName ఉంది ఆత్మ లో చాలా పోలి.
బహుశా ఈ అన్ని దొరికే బోల్డ్ టాగ్లు లేదా p టాగ్లు అన్ని
మరియు నాకు ప్రతిదీ యొక్క వ్యూహం ఇవ్వండి నేను తరువాత పని అని.
appendChild ఏదో జతచేస్తుంది డౌన్ చెట్టు ఒక స్థాయి.
>> కాబట్టి నేను ఒక సంపూర్ణ నూతన జోడించవచ్చు మూలకం ఒక స్థాయి తక్కువ.
లేదా నేను అని ఒక మూలకం తొలగించవచ్చు అలాగే నేను కావాలా ఒక స్థాయి తక్కువ
నా వెబ్ పేజీ నుండి ఏదో తొలగించడానికి.
ఇప్పుడు, ఒక శీఘ్ర కోడింగ్ గమనిక మరియు ఒక శీఘ్ర తలనొప్పి ఆశాజనక, నోట్ సేవ్.
>> getElementById-- d చిన్న ఉంది.
నేను ఎన్ని సార్లు మీరు చెప్పలేను వాడిన getElementById మరియు మూలధన
అక్కడ d.
ఇది నిజంగా సాధారణ ఎందుకంటే.
మేము పదం ID వ్రాస్తే, అది సాధారణముగా పెట్టుబడిని నేను రాజధాని D.
నా కోడ్ కేవలం పని లేదు.
మరియు నేను ఎందుకు గుర్తించడానికి కాదు.
ఈ నిజంగా, నిజంగా ఒక ఉంది అందరూ చేస్తుంది సాధారణ బగ్,
అనుమానం కూడా నిపుణులు ఎప్పటికీ ఇలా జరిగింది.
కాబట్టి కేవలం, getElementById తెలుసుకోవాలి, ఆ d చిన్న ఉంది.
మరియు ఆశాజనక, మీరు అనేక ఆదా heartache కనీసం నిమిషాల.
>> కాబట్టి ఈ అన్ని మాకు చెప్పడం లేదు?
మేము ఈ వంటి పద్ధతులున్నాయి.
మేము ఈ లక్షణాలు కలిగి.
ఇప్పుడు, మేము నుండి మొదలు ఉంటే పత్రం, పత్రం.
సంసార, మేము ఇప్పుడు ఏ పొందవచ్చు మా వెబ్ పేజీ యొక్క ఒక్క ముక్క
మేము జావాస్క్రిప్ట్ ఉపయోగించి కావలసిన కేవలం ఈ పద్ధతులు కాల్
మరియు లక్షణాలు పరపతి మేము వివిధ ప్రాంతాల్లో కనిపించిన.
>> ఈ, ఈ wordy పొందవచ్చు document.getElementByID,
ఉండవచ్చు ఎక్కువ ట్యాగ్ పేరు కలిగి, బహుశా మీరు తర్వాత మరింత కాల్స్ చేయండి.
థింగ్స్ కొద్దిగా wordy పొందవచ్చు.
మరియు ప్రోగ్రామర్లు, మీరు చేసిన వంటి బహుశా ఈ వీడియోల అనేక చూసిన,
మేము wordy విషయాలను ఇష్టం లేదు.
>> మేము త్వరగా పనులు చెయ్యలేరు ఇష్టం.
కాబట్టి మేము మరింత కోరుకుంటున్నారో సంక్షిప్తమైన మార్గం ఏదో చెప్పటానికి.
కాబట్టి లీడ్స్ యొక్క ఈ విధమైన ఏదో భావన క్వెరీ అని.
ఇప్పుడు j క్వెరీ జావాస్క్రిప్ట్ కాదు.
ఇది జావాస్క్రిప్ట్ భాగంగా కాదు.
>> ఇది రచించబడిన ఒక గ్రంథాలయం కొన్ని JavaScript ప్రోగ్రామర్లు
సుమారు 10 సంవత్సరాల క్రితం.
మరియు దాని లక్ష్యం ఏమిటిది సులభతరం ఉంది అని క్లయింట్ సైడ్ స్క్రిప్టింగ్ ఇది
మేము కేవలం ఉన్నాయి ఏమి రప్పించింది DOM సర్దుబాట్లు తో గురించి మాట్లాడటం.
కనుక నేను సవరించడానికి కావలెను నా వెబ్ పేజీ యొక్క నేపథ్య రంగు, బహుశా
ఒక నిర్దిష్ట Div.
>> ఇక్కడ, నేను స్పష్టంగా పొందుతున్నాను ElementById colorDiv.
నేను దాని నేపథ్య రంగు సెట్ చేయాలనుకుంటున్నారా.
నేను కేవలం స్వచ్ఛమైన JavaScript ఉపయోగించి చేస్తున్నాను ఉంటే డాక్యుమెంట్ ఆబ్జెక్ట్ మోడల్ ఉపయోగించి,
ఆ కుడి, stuff చాలా ఉంది? document.getElementByID
colorDiv.style.backgroundColor ఆకుపచ్చ =.
>> హైమా.
ఆ చెప్పటానికి చాలా ఉంది.
ఇది చాలా, టైప్ ఒక చాలా ఉంది.
కాబట్టి క్వెరీ, మేము బహుశా చెప్పగలను ఈ కొద్దిగా మరింత సూక్ష్మంగా.
ఇది ఉండటం ఆఫ్ వాణిజ్య ఉండవచ్చు కొద్దిగా వార్తలు బిట్ ఆకస్మికంగా మరింత గుప్తమైన,
కుడి?
>> కనీసం దీర్ఘ ఒక బిట్ మరింత ఉంది మేము చేస్తున్న ఏమిటి అని వివరణాత్మక.
ఈ డాలర్ సైన్, బ్రాకెట్లు ఒకే కోట్, hash, colorDiv, కుడి?
ఆ అర్థం ఏమిటి?
Well, ఆ కేవలం ప్రాథమికంగా document.getElementByID colorDiv.
>> కానీ అది సంక్షిప్తలిపి ఈ విధమైన వార్తలు j క్వెరీ ఉపయోగించి అది చేయడం యొక్క మార్గం.
యొక్క ఇప్పుడు పరిశీలించి చూద్దాం వివిధ రెండు మార్గాలు వద్ద
నేను నిజానికి ఉండవచ్చని ఈ డాక్యుమెంట్ ఆబ్జెక్ట్ ఉపయోగించడానికి
మోడల్ నా సైట్ యొక్క ముక్కలు మార్చటానికి.
ముఖ్యంగా, మేము వెళుతున్న అభిసంధానించడం పనిచేయాలో
ఒక నిర్దిష్ట రంగు ఒక వెబ్ పేజీలో div, colorDiv.
కాబట్టి యొక్క ఆ వద్ద ఒక లుక్ తీసుకుందాం.
అయితే సరే.
కాబట్టి నేను ఒక పేజీలో ఉన్నాను.
మీరు డౌన్లోడ్ చేసినప్పుడు ఇది test.html అని ఈ మీరు ఈ టింకర్ అనుకుంటే.
నేను ఒక సమూహం పొందారు ఈ పేజీలో బటన్లు.
నేను వ్యక్తిగత విధులు మాట్లాడుతూ నేను నేపథ్య రంగు, ఆకుపచ్చ, ఊదా కోసం,
నారింజ, ఎరుపు, నీలం, ఒక్క ఫంక్షన్ నేపథ్య రంగు కోసం, సంఘటన హ్యాండ్లర్
నేపథ్య రంగు, మరియు j క్వెరీ ఉపయోగించి కోసం.
నేను దేని గురించి మాట్లాడటం చేస్తున్నాను ఉన్నప్పుడు నేను ఇలా చేస్తున్నాను?
కాబట్టి మేము బటన్లను చూసిన.
ఇప్పుడు, యొక్క పరిశీలించి తెలియజేయండి ఇక్కడ సోర్స్ కోడ్ యొక్క కొన్ని.
మేము test.html ప్రారంభం చేస్తాము.
నేపథ్యం కోసం కాబట్టి వ్యక్తిగత విధులు రంగు నేను ఇక్కడ టైప్ చేసిన ఏమిటి.
నాకు కొద్దిగా స్క్రోల్ లెట్.
>> మరియు మీరు ఆ నేను గమనించవచ్చు చేస్తాము ఈ బటన్ నిర్వచించారు
ఈ బటన్ క్లిక్ చేసినప్పుడు చెప్పటానికి, ఊదా మలుపు ఫంక్షన్ కాల్.
ఈ బటన్ క్లిక్ చేసినప్పుడు, బదులుగా, ఫంక్షన్ ఆకుపచ్చ చెయ్యి కాల్,
ఎరుపు చెయ్యి, నారింజ మలుపు, నీలం చెయ్యి.
మీరు బహుశా ఈ అంచనా ఉత్తమ డిజైన్ బహుశా కాదు
భావం, కుడి?
>> నేను చేస్తే బాగుండేది ఒక మరింత సాధారణ పద్ధతిని కలిగి.
Well, మొదటి మేము పరిశీలించి చేస్తాము ఆ ఐదు విధులు ఏమిటో
document.getElementByID ఊదా colorDiv.style.background =
, ఎరుపు, ఆకుపచ్చ, నారింజ వరుసగా, మరియు నీలం.
కాబట్టి, ముఖ్యంగా ఉత్తమ డిజైన్.
>> బటన్లు తదుపరి సెట్లో నేను రాసిన చేసిన చేశారు
అనే సింగిల్ ఫంక్షన్ ఆ స్పష్టంగా రంగు మార్చడానికి
దాని వాదన వంటి, ఒక స్ట్రింగ్ అంగీకరిస్తుంది.
కాబట్టి ఈ కొద్దిగా ఉత్తమం.
ఎరుపు ఊదా, ఆకుపచ్చ, నారింజ, నీలం ఇప్పుడు ఒక వాదన ఉంది.
నేను ఒక సాధారణ వ్రాయలేదు కేసు జావాస్క్రిప్ట్ ఫంక్షన్,
ఈ వంటి ఏదో చూడండి ఉండవచ్చు.
నేను ప్రయాణిస్తున్న నేను.
ఈ ఫంక్షన్ మార్పు రంగు రంగు అని ఒక వాదన ఎదురుచూచే.
మరియు నేను సెట్ మాట్లాడుతూ నేను రంగు నేపథ్య రంగు.
ఇక్కడ నేను ఇక్కడ మేం ఏమి సూచిస్తుంది.
కాబట్టి ఒక బిట్ మంచి పని.
>> కానీ నేను చేయగలరు కంటే మెరుగైన.
మేము పరిశీలించి ఓడిపోవుట ఉంటే ఈవెంట్ హ్యాండ్లర్ పరిస్థితి,
ఇప్పుడు అన్ని ఈ కాల్స్ అదే చూడండి.
మీరు గుర్తు ఉంటే మా ఈవెంట్ నిర్వాహకులు చర్చ,
నేను ఏ గురించి సమాచారాన్ని పొందవచ్చు ఈ బటన్ క్లిక్ చేసి ఆ ఉపయోగించడానికి చేశారు.
>> కాబట్టి event.JavaScript, నేను చేసిన వ్రాసిన మార్పు రంగు ఈవెంట్, ఇది
క్లిక్ ఇది బటన్ సంఖ్యలు.
ఆ ట్రిగ్గర్ వస్తువు లైన్.
మరియు ఇక్కడ, అది నిజంగా wordy పొందుతాడు.
కానీ నేను చేస్తున్నానో నాకు ఉన్నాను నేపథ్య సెట్
triggerObject inner.HTML రంగు.
ఆ టెక్స్ట్ వార్తలు బటన్ టాగ్లు మధ్య.
>> ఆపై నేను స్పష్టంగా కలిగి చిన్న మీరు సెట్.
ఆ నేను ఒక మొత్తం మార్చగలదు ఎలా స్ట్రింగ్ ఉపయోగించి జావాస్క్రిప్ట్ లో చిన్నబడి
ఆ పద్ధతి చిన్నబడి.
నేను ఒక రంగు సెట్ చేసినప్పుడు, నేను ఇక్కడ ఏమి దీనికై వంటి,
రంగు అన్ని చిన్న ఉంది.
>> కానీ నేను ఆ బటన్, మేము మరొక పరిశీలించి ఉంటే,
టెక్స్ట్ ఉంది అని గుర్తించలేకపోతే పర్పుల్ ఒక రాజధాని P తో వ్రాసిన.
ఆపై వద్ద చాలా ఇక్కడ దిగువన, నేను స్పష్టంగా
ప్రయత్నించండి మరియు అలాగే ఈ ఉపయోగించి j క్వెరీ చేయండి.
మరియు ఈ సందర్భంలో, నేను నిజానికి తెలియదు అన్ని వద్ద ఒక ఫంక్షన్ కాల్.
నేను తరగతి ఉన్నాను చెప్పారు చేసిన ఈ బటన్ ఉపయోగించి ఒక JQ బటన్.
అంతే.
>> సో ఎలా j క్వెరీ నేను ఏమి చేస్తున్నానో నాకు తెలుసు?
Well, ఈ ప్రయోజనాలు ఒకటి j క్వెరీ అప్రయోజనాలు స్లాష్.
ఇది నాకు పనులను అనుమతిస్తుంది చాలా సంక్షిప్తంగా, కానీ బహుశా లేదు
వంటి అకారణంగా.
బహుశా ఆ ఇతర మూడు చేయడానికి ఒక బిట్ మరింత నేను ఏమి చేస్తున్నానో అంటుంది.
ఇక్కడ, అయితే, ఏం జరగబోతోంది?
>> స్పష్టంగా, సృష్టించడం ఒక అనామక ఫంక్షన్
లోడుచేస్తుంది ఆ చేసినప్పుడు నా పత్రాన్ని కాబట్టి document.ready సిద్ధంగా ఉంది
కొన్ని ఫంక్షన్ జరిగే.
సాధారణంగా, ఒక పత్రం సిద్ధంగా ఉంది?
నా పేజీ లోడ్ అయినప్పుడు ఇది.
>> సో వెంటనే నా పేజీ లోడ్ గా, ఫంక్షన్ క్రింది ఎల్లప్పుడూ సిద్ధంగా ఉంది.
ఇది చెప్పింది, ఉంటే రకం jQButton ఒక వస్తువు, లేదా తరగతి jQButton క్లిక్ చెయ్యబడింది ఉంటే,
ఈ ఫంక్షన్ అమలు.
కాబట్టి ఇక్కడ రెండు అనామక చర్యలు వార్తలు, ఒక ఇతర యొక్క లోపలి నిర్వచించారు.
>> నా మొత్తం సందర్భం కాబట్టి ఇక్కడ ఇప్పటివరకు నా పేజీ ఉంది
లోడుచేస్తుంది అది ఈ ఫంక్షన్ కాల్స్.
మరియు ఈ చర్య వేచి ఉంది ఒక బటన్ రాణించింది వుంటుంది.
మరియు ఒక బటన్ క్లిక్ చేసినప్పుడు, JQ బటన్ ప్రత్యేకంగా క్లిక్,
ఈ ఇతర కాల్స్ ఫంక్షన్, ఇది అన్నారు
నేపథ్య సెట్ colorDiv యొక్క రంగు ఉండాలి
సంసార టెక్స్ట్ టాగ్లు మధ్య ఉంది.
>> ఈ భావన ఉంది ఇది బటన్ క్లిక్.
కానీ లేకపోతే, ఈ విధమైన ఉంది ఒక ఈవెంట్ పోలి ప్రవర్తించడం.
ఇది కేవలం ఒకే విధంగా నేను j క్వెరీ ఈ వ్యక్తీకరించడానికి ఉంటుంది.
మళ్ళీ, అది బహుశా ఒక చాలా భయపెట్టడం.
ఇది అంత స్పష్టం కాదు event.js అలాంటిదే
ఇది బహుశా కొద్దిగా ఎక్కువ ఉంది వాచాల, కానీ కొద్దిగా తక్కువ
భయపెట్టడం.
>> కానీ మేము నా బ్రౌజర్ కు తిరిగి పాప్ అయితే విండో, నేను బాగా clicking-- మొదలు ఉంటే,
పర్పుల్ మార్చబడింది.
ఈ స్ట్రింగ్ పద్ధతి ఉపయోగించి ఆకుపచ్చ.
ఈ ఈవెంట్ నిర్వహణ ఉపయోగించి నారింజ ఉంది.
>> ఈ కుడి, j క్వెరీ ఉపయోగించి ఎరుపు?
వారు అన్ని అదే ప్రవర్తించే.
వారు కేవలం అది వివిధ ఉపయోగించి సమస్యను పరిష్కరించడానికి విధానాలు.
చాలా ఎక్కువ ఉంది j క్వెరీ తరువాత మేము ఖచ్చితంగా ఉన్నాము
ఈ వీడియో లో మాట్లాడటానికి వెళ్ళడం.
మీరు మరింత తెలుసుకోవడానికి అనుకుంటే కానీ, మీరు చెయ్యవచ్చు డాక్యుమెంటేషన్ యొక్క j క్వెరీ విధమైన వెళ్ళండి
మరియు గురించి కొంచెం మరింత తెలుసుకోవడానికి ఈ చాలా సరళమైన లైబ్రరీ, ఇది
క్లయింట్ వైపు చేయడం బాగుంది ఇటువంటి మేము చేస్తున్న ఏమి స్క్రిప్టింగ్
లుక్ మార్చటానికి మరియు మా వెబ్ పేజీ యొక్క అనుభూతి
డాక్యుమెంట్ ఆబ్జెక్ట్ మోడల్.
నేను డౌ లాయిడ్ ఉన్నాను.
ఈ CS50 ఉంది.