ಡೌಗ್ LLOYD: ಈ ವಿಡಿಯೋದಲ್ಲಿ, ನಾವು ಬೇಕಾಗಿದ್ದಾರೆ ಪ್ರತ್ಯೇಕ ಗಮನ ಔಟ್ ಕರೆ
ಒಂದು ನಿರ್ದಿಷ್ಟ ಗೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಶ
ನೀವು HANDY ಹೇಗೆ ಎಂದು ನೀವು ಪ್ರಾರಂಭಿಸಿ ನೀವು
ವೆಬ್ ಪುಟಗಳು ಬದಲಾಯಿಸುವುದರ ಮೇಲೆ ಕೆಲಸ ಮತ್ತು ನಿಮ್ಮ ವೆಬ್ ಪುಟ ವಿಷಯ ಬದಲಾವಣೆ
ಹಾರಾಡುತ್ತ.
ಆ ಕಲ್ಪನೆ ಇಲ್ಲಿದೆ ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಮಾಡೆಲ್.
ಆದ್ದರಿಂದ ನಾವು ನಮ್ಮ ವೀಡಿಯೊ ನೋಡಿದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ವಸ್ತುಗಳು ಬಹಳ ಸುಲಭವಾಗಿ.
>> ಅವರು ವಿವಿಧ ಕ್ಷೇತ್ರಗಳಲ್ಲಿ ಹೊಂದಿರುತ್ತದೆ.
ಮತ್ತು ನಾವು ಸಾಕಷ್ಟು ಹೋಗಲಿಲ್ಲ ಆದರೂ ವಿವರ, ಆ ಜಾಗ ಅಥವಾ ಗುಣಗಳನ್ನು,
ನಾವು ಬಹುಶಃ ಹೆಚ್ಚು ಎಂದು ಸೂಕ್ತವಾಗಿ ಕರೆ
ಸಹ ಒಂದು ವಸ್ತುವಿನ ಸಂದರ್ಭದಲ್ಲಿ ಆ ಗುಣಗಳನ್ನು ಇತರ ವಸ್ತುಗಳನ್ನು ಮಾಡಬಹುದು.
ಮತ್ತು ಆ ವಸ್ತುಗಳ ಒಳಗೆ ಇತರ ವಸ್ತುಗಳನ್ನು ಮಾಡಬಹುದು.
>> ಈ ಅತಿ ದೊಡ್ಡ ವಸ್ತು ಹೊಂದಿದ್ದರೆ ಇತರ ವಸ್ತುಗಳ ಬಹಳಷ್ಟು
ಅದರ ಒಳಗೆ, ಇದು ರೀತಿಯ ಒಂದು ದೊಡ್ಡ ಮರ ಈ ಕಲ್ಪನೆಯನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ.
ಈಗ, ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಒಂದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವಿಶೇಷ ವಸ್ತು
ನಿಮ್ಮ ಸಂಪೂರ್ಣ ವೆಬ್ ಆಯೋಜಿಸುತ್ತದೆ ಛತ್ರಿ ಈ ರೀತಿಯ ಅಡಿಯಲ್ಲಿ ಪುಟ
ಒಂದು ವಸ್ತುವಿನ.
ಆದ್ದರಿಂದ ಡಾಕ್ಯುಮೆಂಟ್ ಒಳಗೆ ವಸ್ತು ಪ್ರಸ್ತುತ ವಸ್ತುಗಳು
ನಿಮ್ಮ ವೆಬ್ ಪುಟ ತಲೆ ಮತ್ತು ದೇಹದ.
>> ಆ ಒಳಗೆ ಇತರ ವಸ್ತುಗಳು, ಎಟ್ ಇತ್ಯಾದಿ, ಎಟ್ ಇತ್ಯಾದಿ,
ನಿಮ್ಮ ಸಂಪೂರ್ಣ ವೆಬ್ ಪುಟ ರವರೆಗೆ ಈ ದೊಡ್ಡ ವಸ್ತು ಆಯೋಜಿಸುತ್ತಿದೆ.
ಮೇಲಿನಿಂದ ಬಲ, ಇಲ್ಲಿ ಏನಿದೆ?
ಸರಿ, ನಾವು ಕೆಲಸ ಹೇಗೆ ಗೊತ್ತಿಲ್ಲ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವಸ್ತುಗಳೊಂದಿಗೆ.
>> ನಾವು ವಸ್ತುವಿನ ಹೊಂದಿದ್ದರೆ ಆದ್ದರಿಂದ ಎಂದು ನಮ್ಮ ಸಂಪೂರ್ಣ ವೆಬ್ ಪುಟ ಸೂಚಿಸುತ್ತದೆ
ಸರಿಯಾದ ಕರೆದು ಅರ್ಥ ವಿಧಾನಗಳು ವಸ್ತು ಕುಶಲತೆಯಿಂದ
ಅಥವಾ ಕೆಲವು ಮಾರ್ಪಡಿಸುವ ಇದರ ಗುಣಲಕ್ಷಣಗಳ ಕಾರಣದಿಂದ, ನಾವು
ಅಂಶಗಳನ್ನು ಬದಲಾಯಿಸಬಹುದು ನಮ್ಮ ಪುಟ ಸರಣಿಬದ್ಧವಾಗಿ
JavaScript ಬಳಸಿ ಬದಲಿಗೆ ಹೊಂದುವ ಎಚ್ಟಿಎಮ್ಎಲ್, ಹೇಳುತ್ತಾರೆ, ಜೊತೆಗೆ ವಿಷಯಗಳನ್ನು ಕೋಡ್.
ಆದ್ದರಿಂದ ಇಲ್ಲಿ ಒಂದು ಉದಾಹರಣೆ ವೆಬ್ ಪುಟ ಸರಳ, ಬಲ?
ಇದು HTML ಟ್ಯಾಗ್ಗಳನ್ನು, ತಲೆ ಅವರಲ್ಲಿದೆ.
>> ಒಳಗಿನ ಶೀರ್ಷಿಕೆ, ಹಲೋ ವರ್ಲ್ಡ್ ಇಲ್ಲ.
ನಂತರ ನಾನು ದೇಹದ ಹೊಂದಿವೆ.
ಎಂದು ಒಳಗೆ, ನಾನು ಮೂರು ಬೇರೆಬೇರೆ.
ನಾನು, ಒಂದು H2 ಶೀರ್ಷಿಕೆ ಟ್ಯಾಗ್ ಪ್ಯಾರಾಗ್ರಾಫ್, ಮತ್ತು ಲಿಂಕ್.
ಈ ಸರಳ ವೆಬ್ ಪುಟ.
>> ಸರಿ, ಯಾವ ಮಾಡಬಹುದು ಡಾಕ್ಯುಮೆಂಟ್ ರೀತಿ ನೋಟಕ್ಕಾಗಿ ವಸ್ತು?
ಅಲ್ಲದೆ, ಇದು ಸ್ವಲ್ಪ ಇಲ್ಲಿದೆ ಬಹುಶಃ ಮೊದಲು ಬೆದರಿಸುವ.
ಆದರೆ ನಿಜವಾಗಿಯೂ ಕೇವಲ ಒಂದು ದೊಡ್ಡ ಮರವಿದೆ.
ಮತ್ತು ಇದು ಅತ್ಯಂತ ಮೂಲ ದಾಖಲೆಯಾಗಿದೆ.
>> ಡಾಕ್ಯುಮೆಂಟ್ ಇನ್ನೊಂದು ಒಳಗೆ ನನ್ನ ಪುಟದ HTML ಉಲ್ಲೇಖಿಸಿ ವಸ್ತು.
ಮತ್ತು ನನ್ನ ಪುಟದ HTML ಈ ಎಲ್ಲಾ ಹೊಂದಿದೆ.
ತದನಂತರ HTML ನ ಒಳಗೆ ವಸ್ತು, ನಾನು ತಲೆ ವಸ್ತು ಹೊಂದಿದ್ದರೆ,
ಇದು ಎಲ್ಲವನ್ನೂ ಸೂಚಿಸುತ್ತದೆ.
>> ಅಲ್ಲಿ ಒಳಗೆ, ನಾನು ಶೀರ್ಷಿಕೆ ವಸ್ತು ಹೊಂದಿವೆ.
ಅಲ್ಲಿ ಒಳಗೆ, ನಾನು ಇನ್ನೊಂದು ಕೇವಲ ಹಲೋ ವರ್ಲ್ಡ್ ಉದ್ದೇಶದ.
ನನ್ನ ದೇಹದ ತೋರಿಸಬಹುದಿತ್ತು ಈ ರೀತಿಯ ಪ್ರತಿನಿಧಿಸುತ್ತದೆ.
>> ನನ್ನ ದೇಹದ ಒಳಗೆ, ನಾನು H2 ಹೊಂದಿವೆ ವಸ್ತು ಮತ್ತು ಪ್ಯಾರಾಗ್ರಾಫ್ ಒಂದು ಪು ವಸ್ತು
ಮತ್ತು ಲಿಂಕ್ ಒಂದು ಒಂದು ವಸ್ತು.
ಆದ್ದರಿಂದ ಈ ಇಡೀ ಕ್ರಮಾನುಗತ ಒಂದು ದೊಡ್ಡ ಮರ ನಿರೂಪಿಸಬಹುದು
ಸಣ್ಣ ಪುಟ್ಟ ಸ್ಥಳಗಳಿಂದ ವಿಷಯಗಳನ್ನು ಬಂದಿದ್ದು.
ಈಗ, ಸಹಜವಾಗಿ, ಯಾವಾಗ ನಾವು, ಪ್ರೋಗ್ರಾಮಿಂಗ್ ನೀವು
ಒಂದು ದೊಡ್ಡ ಮರ ವಸ್ತುಗಳ ಯೋಚಿಸುವುದಿಲ್ಲ.
ನಾವು ನಿಜವಾದ ನೋಡಬೇಕಿದೆ ಕೋಡ್ ಸಂಬಂಧಿಸಿದ ವಿಷಯಗಳನ್ನು.
>> ಮತ್ತು ಅದೃಷ್ಟವಶಾತ್, ನಾವು ನಮ್ಮ ಅಭಿವರ್ಧಕ ಉಪಕರಣಗಳು ಬಳಸಲು
ವಾಸ್ತವವಾಗಿ ನೋಡೋಣ ಗೆ ಈ ವೆಬ್ಸೈಟ್ನ ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್.
ಮತ್ತು ನ ಹಾಗೆ ಅವಕಾಶ.
ಹಾಗಾಗಿ ಬ್ರೌಸರ್ ಟ್ಯಾಬ್ ತೆರೆದಿವೆ ಬಂದಿದೆ.
>> ನಾನು ಡೆವಲಪರ್ ಟೂಲ್ಸ್ ತೆರೆದಿವೆ ಬಂದಿದೆ.
ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನನ್ನ ವಿಡಿಯೋದಲ್ಲಿ, ನಾನು ಕನ್ಸೋಲ್ ಎಂಬುದನ್ನು ಉಲ್ಲೇಖಿಸಲಾಗಿದೆ
ಮಾತ್ರ ಕೈಗೆಟಕುವ ಅಲ್ಲಿ ನಾವು ಮಾಹಿತಿ ಮುದ್ರಿಸಿ,
ಇದು ಒಂದು ಸ್ಥಳದಲ್ಲಿ ಅಲ್ಲಿ ಇಲ್ಲಿದೆ ನಾವು ಇನ್ಪುಟ್ ಮಾಹಿತಿಯನ್ನು ಮಾಡಬಹುದು.
ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಯಾವ ನಾನು ಹೇಳಲು ಪಡೆಯಲಿದ್ದೇನೆ
ನಾನು ಮರಳಿ ಪಡೆಯಲು ಬಯಸುತ್ತೀರಿ ಡಾಕ್ಯುಮೆಂಟ್ ವಸ್ತುಗಳು,
ಆದ್ದರಿಂದ ನಾನು ಒಂದು ನೋಟ ಹೊಂದಿವೆ ಆರಂಭಿಸಬಹುದು.
ಆದ್ದರಿಂದ ಹೇಗೆ ನಾನು ಈ ಇರಬಹುದು?
ನಾನು ಬಯಸಿದರೆ ನಿಜವಾಗಿಯೂ ಚೆನ್ನಾಗಿ ಅದನ್ನು ಆಯೋಜಿಸಲು,
ನಾನು console.dir, ಡಿ ನಾನು ಆರ್ ಹೇಳಲು ಪಡೆಯಲಿದ್ದೇನೆ. ಈಗ, ನಾನು ಮುದ್ರಣ console.log ಬಳಸಲು
ಹೊರಗೆ ಏನೋ ಸರಳ.
ಆದರೆ ನಾನು ಈ ಸಂಘಟಿಸಲು ಬಯಸಿದರೆ ಕ್ರಮಬದ್ಧವಾಗಿ ವಸ್ತುವಿನ ಹಾಗೆ,
ನಾನು ರೀತಿಯ ರಚನಾತ್ಮಕ ಬಯಸುವ ಒಂದು ಕೋಶವನ್ನು ರಚನೆ.
>> ಹಾಗಾಗಿ ಡಾಕ್ಯುಮೆಂಟ್ console.dir ಬಯಸುವ.
ನಾನು ನಮೂದಿಸಿ ಹಿಟ್ ಪಡೆಯಲಿದ್ದೇನೆ.
ಮತ್ತು ಸರಿಯಾದ ಕೆಳಗೆ ಈಗ ಮತ್ತು ನಾನು ಇಲ್ಲಿ ಜೂಮ್ ವಿಲ್
ನಾನು ಈ ಪ್ರತಿಕ್ರಿಯೆಯ ಡಾಕ್ಯುಮೆಂಟ್ ಪಡೆದಿರುವಿರಿ ಇದು ಮುಂದಿನ ಸ್ವಲ್ಪ ಬಾಣ.
ಈಗ, ನಾನು ಈ ಬಾಣದ ತೆರೆದಾಗ, ಸ್ಟಫ್ ಬಹಳಷ್ಟು ಇರುವಂತೆ ವಿಶೇಷವೇನು.
>> ಆದರೆ ಬಹಳಷ್ಟು ನಿರ್ಲಕ್ಷಿಸಲು ನೀನು ಇದು ಮತ್ತು ಗಮನದ ರೀತಿಯ
ಅತ್ಯಂತ ಪ್ರಮುಖ ಭಾಗವಾಗಿ, ನಾವು ಈ ಡಾಕ್ಯುಮೆಂಟ್ ನ್ಯಾವಿಗೇಟ್ ಆರಂಭಿಸಬಹುದಾಗಿದೆ.
ಡಾಮ್ ಹೆಚ್ಚು ಬಹಳಷ್ಟು ಹೆಚ್ಚು ಇಲ್ಲ ಗ್ರಂಥಿಗಳು ಮತ್ತು ಚೈಲ್ಡ್ ನೋಡ್ಗಳ ಕೇವಲ ಮೂಲ.
ಪೂರಕ ಸ್ಟಫ್ ಬಹಳಷ್ಟು ಇಲ್ಲ.
>> ಹಾಗಾಗಿ ಈ ತೆರೆಯುತ್ತದೆ ಪಡೆಯಲಿದ್ದೇನೆ.
ಮತ್ತು ಇಡೀ ಬಹಳಷ್ಟು ಇಲ್ಲ ವಿಷಯವನ್ನು ಆ ಪುಟಿಯುತ್ತದೆ.
ಆದರೆ ನಾನು ಕಾಳಜಿ ಎಲ್ಲಾ ಇಲ್ಲಿಯೇ, ಚೈಲ್ಡ್ ನೋಡ್ಗಳ.
ನ ಎಂದು ತೆರೆದುಕೊಳ್ಳಲು ಅವಕಾಶ.
>> ಅಲ್ಲಿ ಒಳಗೆ ನಾನು ನೋಡಿ ಪರಿಚಿತ ಏನೋ, ಎಚ್ಟಿಎಮ್ಎಲ್.
ನಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ ಒಳಗೆ ಆದ್ದರಿಂದ ಒಂದು ಮಟ್ಟದ ಕೆಳಗೆ, ಎಚ್ಟಿಎಮ್ಎಲ್.
ನಾನು ತೆರೆಯುತ್ತದೆ.
ನಾವು ಏನು ನಿರೀಕ್ಷಿಸುತ್ತಿದ್ದೇವೆಂದು?
>> ನೀವು ನಮ್ಮ ನಕ್ಷೆಯಿಂದ ಮರುಪಡೆಯಲು ವೇಳೆ, ನಾವು HTML ನ ಒಳಗೆ ಏನು ಹೇಗೆ ಮಾಡಬೇಕು?
ಮರದ ಇದನ್ನು ಕೆಳಗೆ ಯಾವ ಎರಡು ಗ್ರಂಥಿಗಳು?
ನ ನೋಡೋಣ.
ನಾವು ಎಚ್ಟಿಎಮ್ಎಲ್ ತೆರೆಯುತ್ತದೆ.
ನಾವು ಅದರ ಚೈಲ್ಡ್ ನೋಡ್ಗಳ ಕೆಳಗೆ ಹೋಗಿ.
>> ತೆರೆದ ಪಾಪ್.
ತಲೆ ಮತ್ತು ದೇಹದ ಇಲ್ಲ.
ನಾವು ತಲೆ ತೆರೆದುಕೊಳ್ಳಬಹುದು.
ಅದರ ಚೈಲ್ಡ್ ನೋಡ್ಗಳ ಹೋಗಿ.
ಸರಿ, ಶೀರ್ಷಿಕೆ ಇಲ್ಲ.
>> ಮತ್ತು ನಾವು ಹೋಗಿ ಮತ್ತು ಈ ರೀತಿಯ ಮೇಲೆ ಶಾಶ್ವತವಾಗಿ.
ನಾವು ಹಾಗೂ ದೇಹದ ಈ ಮಾಡಬಲ್ಲರು.
ಆದರೆ ನಮಗೆ ನೋಡಲು ಒಂದು ಮಾರ್ಗವಿಲ್ಲ ಒಂದು ದೊಡ್ಡ ವಸ್ತು ಸಂಯೋಜನೆಯಾಗಿರುತ್ತದೆ ಡಾಕ್ಯುಮೆಂಟ್.
ನಾವು ನೋಡಿದರೆ ಒಂದು ದೊಡ್ಡದಾಗಿದೆ ಬಹಳಷ್ಟು ತೋರುತ್ತಿದೆ ವಸ್ತು
ಕೋಡ್ ನಂತಹ, ನಾವು ಆರಂಭಿಸಬಹುದು ಅಂದರೆ ಬಳಸಿಕೊಂಡು ಈ ದೊಡ್ಡ ವಸ್ತು ಕುಶಲತೆಯಿಂದ
ಕೋಡ್ ಎಂಬುದನ್ನು ಬದಲಾಯಿಸಲು ನಮ್ಮ ವೆಬ್ಸೈಟ್ ಕಾಣುತ್ತದೆ ಮತ್ತು ಭಾಸವಾಗುತ್ತಿದೆ.
>> ಆದ್ದರಿಂದ ಒಂದು ಸುಂದರ ಶಕ್ತಿಶಾಲಿ ಸಾಧನ ಇಲ್ಲಿದೆ ನಾವು ಈಗ ನಮ್ಮ ವಿಲೇವಾರಿ ಹೊಂದಿವೆ.
ನಾವು ನೋಡಿದ ಆದ್ದರಿಂದ, ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಸ್ವತಃ
ಮತ್ತು ಅದರೊಳಗಿದ್ದ ವಸ್ತುಗಳ ಎಲ್ಲಾ ಕೇವಲ, ಲಕ್ಷಣಗಳು ಮತ್ತು ವಿಧಾನಗಳನ್ನು ಹೊಂದಿವೆ
ನಾವು ಮಾಡಿದ ಯಾವುದೇ ವಸ್ತುವಿನ ರೀತಿಯಲ್ಲಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕಾರ್ಯನಿರತವಾಗಿವೆ.
ಆದರೆ ನಾವು ಆ ಗುಣಗಳನ್ನು ಬಳಸಬಹುದು ಮತ್ತು ರೀತಿಯ ಕೆಳಗೆ ಕೊರೆತಕ್ಕಾಗಿ ಆ ವಿಧಾನಗಳನ್ನು ಬಳಸಿ
ಮತ್ತು ದೊಡ್ಡ ದಾಖಲೆ ಪಡೆಯುವ ಕಡಿಮೆ ಮತ್ತು ಕಡಿಮೆ ಮತ್ತು ಕಡಿಮೆ,
ಸೂಕ್ಷ್ಮ ಮತ್ತು ಅಪ್ಪಟವಾದ ಧಾನ್ಯಗಳು ವಿವರ, ನಾವು ರವರೆಗೆ
ಒಂದು ನಿರ್ದಿಷ್ಟ ತುಣುಕು ಪಡೆಯಲು ನಮ್ಮ ನಾವು ಬದಲಾಯಿಸಲು ಬಯಸುವ ವೆಬ್ ಪುಟ.
>> ನಾವು ಗುಣಗಳನ್ನು ಅಪ್ಡೇಟ್ ಮಾಡುವಾಗ ವಸ್ತು ಡಾಕ್ಯುಮೆಂಟ್ ಅಥವಾ ಆ ವಿಧಾನಗಳು ಕರೆ,
ವಿಷಯಗಳನ್ನು ನಮ್ಮ ವೆಬ್ ಪುಟದಲ್ಲಿ ಆಗಬಹುದೆಂದು.
ನಾವು ಯಾವುದೇ ರಿಫ್ರೆಶ್ ಮಾಡಲು ಅಗತ್ಯವಿಲ್ಲ ಆ ಬದಲಾವಣೆಗಳು ಪರಿಣಾಮಕಾರಿಯಾಗಲು ಹೊಂದಲು.
>> ಮತ್ತು ಒಂದು ಸುಂದರವಾಗಿದೆ ಸಾಮರ್ಥ್ಯವನ್ನು ಇಲ್ಲಿದೆ ನಾವು ಕೋಡ್ ಕೆಲಸ ಮಾಡಿದಾಗ ಹೊಂದಿವೆ.
ಆದ್ದರಿಂದ ಈ ಗುಣಗಳನ್ನು ಕೆಲವು ಯಾವುವು ಒಂದು ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಭಾಗವಾಗಿ ಇರುತ್ತದೆ?
ಸರಿ, ನೀವು ಬಹುಶಃ ಕಂಡಿತು ಅವುಗಳಲ್ಲಿ ಒಂದೆರಡು ನಿಜವಾಗಿಯೂ ವೇಗವಾಗಿ
ನಾವು ಸಂಕುಚಿಸುವ ಮಾಡಲಾಯಿತು ಎಂದು ದೈತ್ಯ ಡಾಕ್ಯುಮೆಂಟ್ ಮೂಲಕ
ವಸ್ತು ನಾವು ವೆಬ್ ಬ್ರೌಸರ್ನಲ್ಲಿ ಕಂಡಿತು.
>> ಆದರೆ ಈ ಗುಣಗಳು ಒಂದೆರಡು ಒಳ HTML ವಿಷಯಗಳನ್ನು ಇರಬಹುದು.
ಮತ್ತು ನೀವು ಸಹ ನನಗೆ ಮರುಪಡೆಯಲು ಇರಬಹುದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವಿಡಿಯೋದಲ್ಲಿ ಈ ಬಳಸಿ
ಅಂತ್ಯಕಾಲದಲ್ಲಿ ನಾನು ಘಟನೆಗಳ ಬಗ್ಗೆ ಮಾತನಾಡುತ್ತಿದ್ದೆ.
ಈ ಒಳ HTML ಏನು?
ಸರಿ, ಇದು ಕೇವಲ ಇಲ್ಲಿದೆ ಟ್ಯಾಗ್ಗಳನ್ನು ನಡುವೆ.
>> ಆದ್ದರಿಂದ ಒಳ HTML, ಉದಾಹರಣೆಗೆ, ಶೀರ್ಷಿಕೆ
ನಾವು ಇಟ್ಟುಕೊಂಡಿದ್ದ ಟ್ಯಾಗ್, ಹೋಗುವ , ಕೊಂಚ ಹಿಂದೆ ಉದಾಹರಣೆಗೆ ಎಂದು
ಹಲೋ ವರ್ಲ್ಡ್ ಸಾಧ್ಯತೆ.
ನಮ್ಮ ಪುಟದ ಪಟ್ಟ.
ಇತರ ಗುಣಲಕ್ಷಣಗಳು ನೋಡ್ ಹೆಸರು, ಸೇರಿದಂತೆ
ಒಂದು HTML ಹೆಸರು ಶೀರ್ಷಿಕೆ ಮುಂತಾದ ಅಂಶ.
ಐಡಿ ಇದು ಐಡಿ, ಒಂದು HTML ಅಂಶ ಕಾರಣವಾಗಿದ್ದು.
>> ನಾವು ವಿಶೇಷವಾಗಿ ಸೂಚಿಸುತ್ತದೆ ಸ್ಮರಿಸುತ್ತಾರೆ ನಮ್ಮ HTML ವ್ಯವಸ್ಥೆಯ ಕೆಲವು ಅಂಶಗಳನ್ನು
ಇದು ಸಾಮಾನ್ಯವಾಗಿ ಒಂದು ID ಯನ್ನು ಗುಣಲಕ್ಷಣ, ಜೊತೆ ಸಿಎಸ್ಎಸ್ ಸಂದರ್ಭದಲ್ಲಿ HANDY ಬರುತ್ತದೆ,
ವಿಶೇಷವಾಗಿ.
ಉಲ್ಲೇಖವಾಗಿತ್ತು ಇದು ಪೋಷಕ ನೋಡ್, ಕೇವಲ ನನ್ನ ಮೇಲೆ ಡಾಮ್ ಎಂಬುದನ್ನು.
ಮತ್ತು ಚೈಲ್ಡ್ ನೋಡ್ಗಳ, ಇದು ಕೆಳಗೆ ನನ್ನನ್ನು ಕೆಳಗಿನ ಯಾವ ಸಂಬಂಧಿಸಿದಂತೆ.
ಮತ್ತು ನಾವು ಒಂದು ನೋಡಿದಾಗ ಕೇವಲ ಮೂಲಕ ಹುಡುಕುತ್ತಿರುವ.
ನಾವು ಸಿಕ್ಕಿತು ಹೇಗೆ ಚೈಲ್ಡ್ ನೋಡ್ಗಳ, ಎಂದು ಇಲ್ಲಿದೆ ಮರದ ಕಡಿಮೆ ಮತ್ತು ಕಡಿಮೆ.
>> ಲಕ್ಷಣಗಳು ಕೇವಲ ಒಂದು ಶ್ರೇಣಿಯನ್ನು ಆಫ್ HTML ಅಂಶ ಎಂದಿದ್ದಾರೆ.
ಆದ್ದರಿಂದ ಲಕ್ಷಣಗಳು ಉದಾಹರಣೆ ಇರಬಹುದು ನೀವು ಚಿತ್ರವನ್ನು ಟ್ಯಾಗ್ ಹೊಂದಿದ್ದರೆ ಎಂದು,
ಇದು ಸಾಮಾನ್ಯವಾಗಿ ಒಂದು ಮೂಲ ಗುಣಲಕ್ಷಣ ಹೊಂದಿದೆ, ಬಹುಶಃ ಎತ್ತರ ಮತ್ತು ಅಗಲ ಗುಣಲಕ್ಷಣ.
ಮತ್ತು ಆದ್ದರಿಂದ ಕೇವಲ ಒಂದು ಶ್ರೇಣಿಯನ್ನು ಎಂದು ಸಂಬಂಧಿತ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಎಲ್ಲಾ
ಎಂದು HTML ಅಂಶ.
>> ಶೈಲಿ ಮತ್ತೊಂದು ಒಂದಾಗಿದೆ ಎಂದು ಸಿಎಸ್ಎಸ್ ನೀಡಬಲ್ಲದು
ನಿರ್ದಿಷ್ಟ ಅಂಶ ಶೈಲಿಯನ್ನು.
ಮತ್ತು ನಂತರ ಈ ವೀಡಿಯೊ, ನಾವು ನಿರ್ದಿಷ್ಟವಾಗಿ ಮಾಡುತ್ತೇವೆ
ಹತೋಟಿ ಶೈಲಿ ಒಂದೆರಡು ಮಾಡಲು ನಮ್ಮ ವೆಬ್ಸೈಟ್ ಬದಲಾವಣೆಗಳನ್ನು.
ಆದ್ದರಿಂದ ಆ ಕೆಲವು ಗುಣಗಳೆಂದರೆ.
>> ಮತ್ತು ಕೆಲವು ಇವೆ ಎಂದು ನಾವು ವಿಧಾನಗಳು
ಸಹ ಬೇಗ ಬಹುಶಃ ಪ್ರತ್ಯೇಕಿಸಲು ಬಳಸಲು ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಅಂಶಗಳನ್ನು.
ಬಹುಶಃ, ಬಹುಮುಖ ಪ್ರತಿಭೆಯ ಈ ಎಂಬ getElementById ಆಫ್.
ಹಾಗಾಗಿ, ಏಕೆಂದರೆ ರೀತಿಯ ಹೇಳಬಹುದು ಇದು ಡಾಕ್ಯುಮೆಂಟ್ ಒಂದು ವಿಧಾನದ ನೆನಪು
, Document.getElementByID ವಸ್ತು.
>> ಮತ್ತು ಆ ಆವರಣ ಒಳಗೆ, ಸೂಚಿಸಲು ಒಂದು ನಿರ್ದಿಷ್ಟ ID ಯೊಂದಿಗೆ ಒಂದು HTML ಅಂಶ
ನಾನು ಹಿಂದೆ ಬಂದಿದೆ ಎಂದು ಕಾರಣವಾಗಿದ್ದು ಸೆಟ್, ಮತ್ತು ನಾನು ತಕ್ಷಣ ಮಾಡುತ್ತೇವೆ
ಆ ಅಂಶ ಹಕ್ಕನ್ನು ಹೋಗಿ ಒಟ್ಟಾರೆ ವೆಬ್ಸೈಟ್.
ಹಾಗಾಗಿ ಬಹುಶಃ ಕೊರೆತಕ್ಕಾಗಿ ಇಲ್ಲ ಪ್ರತಿಯೊಂದು ಪದರದ ಕೆಳಗೆ.
ನಾನು ಅದನ್ನು ಕಂಡುಹಿಡಿಯಲು ಈ ವಿಧಾನವನ್ನು ಬಳಸಬಹುದು, ರೀತಿಯ ಒಂದು ಶಾಖ ಬಯಸಿ ಕ್ಷಿಪಣಿ ನಂತಹ,
ಬಲ?
ಇದು ಕೇವಲ ಹೋಗುತ್ತದೆ ಮತ್ತು ಕಂಡುಕೊಳ್ಳುತ್ತಾನೆ ನಿಖರವಾಗಿ ಹುಡುಕುತ್ತಿರುವ ಏನನ್ನು.
>> GetElementsByTagName ಆಗಿದೆ ಉತ್ಸಾಹದಲ್ಲಿ ಹೋಲುತ್ತದೆ.
ಬಹುಶಃ ಈ ಎಲ್ಲಾ ಹುಡುಕುತ್ತಿದ್ದರು ದಪ್ಪ ಟ್ಯಾಗ್ಗಳನ್ನು ಅಥವಾ ಪು ಟ್ಯಾಗ್ಗಳು ಎಲ್ಲಾ
ಮತ್ತು ನನಗೆ ಎಲ್ಲವನ್ನೂ ಒಂದು ಶ್ರೇಣಿಯನ್ನು ನೀಡುತ್ತದೆ ನಾನು ಕೆಲಸ ಎಂದು ಎಂದು.
appendChild ಏನೋ ಸೇರಿಸುತ್ತದೆ ಕೆಳಗೆ ಮರದ ಒಂದು ಮಟ್ಟದ.
>> ಹಾಗಾಗಿ ಒಂದು ಸಂಪೂರ್ಣ ಹೊಸ ಸೇರಿಸಬಹುದು ಅಂಶ ಒಂದು ಮಟ್ಟದ ಕಡಿಮೆ.
ಅಥವಾ ನಾನು ಎಂದು ಒಂದು ಅಂಶ ತೆಗೆದುಹಾಕಬಹುದು ಹಾಗೂ ನಾನು ಬಯಸಿದರೆ ಒಂದು ಮಟ್ಟದ ಕಡಿಮೆ
ನನ್ನ ವೆಬ್ ಪುಟ ಏನನ್ನೋ ಅಳಿಸಲು.
ಈಗ, ಒಂದು ತ್ವರಿತ ಕೋಡಿಂಗ್ ಸೂಚನೆ ಮತ್ತು ತ್ವರಿತ ತಲೆನೋವು ಆಶಾದಾಯಕವಾಗಿ, ಸೂಚನೆ ಉಳಿಸುವ.
>> getElementById-- ಡಿ ಸಣ್ಣ ಹೊಂದಿದೆ.
ನಾನು ಎಷ್ಟು ಬಾರಿ ಹೇಳಲು ಸಾಧ್ಯವಿಲ್ಲ ಬಳಸಿದ getElementById ಮತ್ತು ಬಂಡವಾಳದ
ಅಲ್ಲಿ ಡಿ.
ಇದು ನಿಜವಾಗಿಯೂ ಸಾಮಾನ್ಯ ಕಾರಣ.
ನಾವು ಪದ ಐಡಿ ಬರೆಯಿರಿ, ಅದು ಇಲ್ಲಿದೆ ಸಾಮಾನ್ಯವಾಗಿ ಬಂಡವಾಳ ನಾನು ಬಂಡವಾಳ ಡಿ
ಮತ್ತು ನನ್ನ ಕೋಡ್ ಕೆಲಸ ಮಾಡುವುದಿಲ್ಲ.
ನಾನು ಏಕೆ ಊಹಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ.
ಈ ನಿಜವಾಗಿಯೂ, ನಿಜವಾಗಿಯೂ ಇದೆ ಎಲ್ಲರೂ ಮಾಡುವ ಸಾಮಾನ್ಯ ದೋಷ,
ಎಂದು ಸಹ ತಜ್ಞರ ಶಾಶ್ವತವಾಗಿ ಈ ಮಾಡುವ ಮಾಡಲಾಗಿದೆ.
ಆದ್ದರಿಂದ ಕೇವಲ, getElementById ತಿಳಿದಿರಲಿ, ಆ D ಸಣ್ಣ ಹೊಂದಿದೆ.
ಮತ್ತು ಆಶಾದಾಯಕವಾಗಿ, ನೀವು ಹಲವಾರು ಉಳಿಸುತ್ತದೆ ಮನೋವ್ಯಥೆ ಕನಿಷ್ಠ ನಿಮಿಷಗಳ.
>> ಹಾಗಾಗಿ ಈ ಎಲ್ಲಾ ನಮಗೆ ಹೇಳಲು ಇಲ್ಲ?
ಈ ವಿಧಾನಗಳನ್ನು ಹೊಂದಿವೆ.
ನಾವು ಈ ಗುಣಗಳನ್ನು ಹೊಂದಿವೆ.
ಈಗ, ನಾವು ಆರಂಭಿಸುವ ವೇಳೆ ಡಾಕ್ಯುಮೆಂಟ್, ಡಾಕ್ಯುಮೆಂಟ್.
ಯಾವುದೇ, ನಾವು ಈಗ ಯಾವುದೇ ಪಡೆಯುವುದು ನಮ್ಮ ವೆಬ್ ಪುಟದ ಒಂದು ಭಾಗವು
ನಾವು JavaScript ಬಳಸಿ ಬಯಸುವ ಕೇವಲ ಈ ವಿಧಾನಗಳು ಕರೆದು
ಮತ್ತು ಗುಣಗಳನ್ನು ಸನ್ನೆ ನಾವು ವಿವಿಧ ಸ್ಥಳಗಳಲ್ಲಿ ಹೇಗೆ.
>> ಈ, ಈ ಶಬ್ದಾಡಂಬರದ ಪಡೆಯುವುದು document.getElementByID,
ಬಹುಶಃ ದೀರ್ಘ ಟ್ಯಾಗ್ ಹೆಸರು, ಬಹುಶಃ ನೀವು ನಂತರ ಹೆಚ್ಚು ಕರೆಗಳನ್ನು ಮಾಡಲು.
ಥಿಂಗ್ಸ್ ಸ್ವಲ್ಪ ಶಬ್ದಾಡಂಬರದ ಪಡೆಯುವುದು.
ಮತ್ತು ಪ್ರೋಗ್ರಾಮರ್ಗಳು, ನೀವು ಮಾಡಿದ ಎಂದು ಬಹುಶಃ ಈ ವೀಡಿಯೊಗಳನ್ನು ಅನೇಕ ಕಾಣಬಹುದು,
ನಾವು ಶಬ್ದಾಡಂಬರದ ವಿಷಯಗಳನ್ನು ಇಷ್ಟವಿಲ್ಲ.
>> ನಾವು ತ್ವರಿತವಾಗಿ ಕೆಲಸಗಳನ್ನು ಮಾಡಲು ಇಷ್ಟ.
ನಾವು ಹೆಚ್ಚು ಬಯಸುತ್ತೀರಿ ಸಂಕ್ಷಿಪ್ತವಾದ ರೀತಿಯಲ್ಲಿ ಏನೋ ಹೇಳಲು.
ಆದ್ದರಿಂದ ಕಾರಣವಾಗುತ್ತದೆ ಈ ರೀತಿಯ ಏನೋ ಕಲ್ಪನೆ jQuery ಕರೆಯಲಾಗುತ್ತದೆ.
ಈಗ jQuery ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಲ್ಲ.
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಭಾಗವಾಗಿ ಅಲ್ಲ.
>> ಇದು ಬರೆದ ಒಂದು ಗ್ರಂಥಾಲಯವಾಗಿದೆ ಕೆಲವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರೋಗ್ರಾಮರ್ಗಳು
ಸುಮಾರು 10 ವರ್ಷಗಳ ಹಿಂದೆ.
ಮತ್ತು ತನ್ನ ಗುರಿಯನ್ನು ಏನಿದು ಸರಳಗೊಳಿಸುವ ಆಗಿದೆ ಎಂಬ ಕ್ಲೈಂಟ್ ಸೈಡ್ ಸ್ಕ್ರಿಪ್ಟಿಂಗ್, ಇದು
ನಾವು ಏನು ಮೂಲತಃ ಡಾಮ್ ಬದಲಾವಣೆಗಳು ಜೊತೆ ಬಗ್ಗೆ.
ಹಾಗಾಗಿ ನಾನು ಮಾರ್ಪಡಿಸಲು ಬೇಕಾಗಿದ್ದಾರೆ ನನ್ನ ವೆಬ್ ಪುಟದ ಹಿನ್ನೆಲೆ ಬಣ್ಣ, ಬಹುಶಃ
ನಿರ್ದಿಷ್ಟ ಡಿವ್.
>> ಇಲ್ಲಿ, ನಾನು ಸ್ಪಷ್ಟವಾಗಿ ಪಡೆಯುವಲ್ಲಿ ಬಾಗುತ್ತೇನೆ 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 ಬಳಸಿಕೊಂಡು ಕೆಂಪು?
ಅವರು ಎಲ್ಲಾ ಒಂದೇ ವರ್ತಿಸುತ್ತಾರೆ.
ಅವರು ಅದನ್ನು ವಿವಿಧ ಬಳಸಿ ಸಮಸ್ಯೆಯನ್ನು ಪರಿಹರಿಸಲು ತಲುಪುತ್ತದೆ.
ಬಹಳ ಇಲ್ಲ jQuery ನಂತರ ನಾವು ಖಂಡಿತವಾಗಿಯೂ ಬೇಕು
ಈ ವೀಡಿಯೊದಲ್ಲಿ ಬಗ್ಗೆ ಮಾತನಾಡಲು ಹೋಗಿ.
ನೀವು ಹೆಚ್ಚು ತಿಳಿಯಲು ಬಯಸಿದರೆ, ನೀವು ದಸ್ತಾವೇಜನ್ನು jQuery ರೀತಿಯ ಹೋಗಿ
ಮತ್ತು ಬಗ್ಗೆ ಸ್ವಲ್ಪ ಹೆಚ್ಚು ತಿಳಿಯಲು ಈ ಬಹಳ ಸುಲಭವಾಗಿ ಗ್ರಂಥಾಲಯ, ಇದು
ಕ್ಲೈಂಟ್ ಸೈಡ್ ಮಾಡುವ ಅದ್ಭುತವಾಗಿದೆ ಇಂತಹ ನಾವು ಏನು ಎಂದು ಸ್ಕ್ರಿಪ್ಟಿಂಗ್
ನೋಟ ಕುಶಲತೆಯಿಂದ ಮತ್ತು ನಮ್ಮ ವೆಬ್ ಪುಟದ ಅಭಿಪ್ರಾಯ
ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಮಾಡೆಲ್.
ನಾನು ಡೌಗ್ ಲಾಯ್ಡ್ ಮನುಷ್ಯ.
ಈ CS50 ಹೊಂದಿದೆ.