1 00:00:00,000 --> 00:00:04,439 2 00:00:04,439 --> 00:00:07,230 DOUG LLOYD in hoc video, voluimus ut vocarent separate operam 3 00:00:07,230 --> 00:00:09,110 in ipso elementum JavaScript 4 00:00:09,110 --> 00:00:11,350 quod vos vires reperio habilem cum vestri 'satus 5 00:00:11,350 --> 00:00:15,750 et opus paginas deformetur mutans Summaque web page 6 00:00:15,750 --> 00:00:16,460 in musca. 7 00:00:16,460 --> 00:00:19,450 Et quod suus ratio Documentum Object Model. 8 00:00:19,450 --> 00:00:23,030 Ut video aspeximus nostris JavaScript, obiecta sunt flexibile. 9 00:00:23,030 --> 00:00:24,750 >> Et variis capit. 10 00:00:24,750 --> 00:00:28,075 Et si non multum in singula eorum agros proprietatibus 11 00:00:28,075 --> 00:00:30,200 volumus probabiliter magis convenienter eos vocare dicens 12 00:00:30,200 --> 00:00:33,915 in contextu rem etiam Illae enim alias. 13 00:00:33,915 --> 00:00:36,210 Et inside of illa potest esse alia obiecta. 14 00:00:36,210 --> 00:00:39,630 >> Habes hoc amplissimum obiectum cum multus aliis objectis 15 00:00:39,630 --> 00:00:43,550 intus, quod genus creat ideam hanc arborem magnam. 16 00:00:43,550 --> 00:00:47,540 Sed obiectum document maxime in JavaScript obiectum 17 00:00:47,540 --> 00:00:52,580 Qui determinat totum web page sub tali umbrella 18 00:00:52,580 --> 00:00:53,470 obiecti. 19 00:00:53,470 --> 00:00:56,770 Et sic inside of tabellae obiectum sunt obiecta prosternerem 20 00:00:56,770 --> 00:00:59,630 caput et corpus vestra web page. 21 00:00:59,630 --> 00:01:03,760 >> Intus procedunt illa sunt alia obiecta, et cetera, et cetera, 22 00:01:03,760 --> 00:01:08,411 donec totum web page habet constitutam rem in magnitudine. 23 00:01:08,411 --> 00:01:09,660 Quid urbem concitant, hic, ius? 24 00:01:09,660 --> 00:01:12,170 Sequitur, ut scirent fabre operari quæ objecta in JavaScript. 25 00:01:12,170 --> 00:01:15,840 >> Si enim obiectum ad integram Define quod 26 00:01:15,840 --> 00:01:19,590 significat appellando correct modos manipulare illud objectum 27 00:01:19,590 --> 00:01:22,360 aut de immutatione quidam de eius proprietatibus, fecimus 28 00:01:22,360 --> 00:01:25,500 mutare potest elementis nostri page programmatically 29 00:01:25,500 --> 00:01:30,210 usura JavaScript instead of having cum ad Codicis dicite HTML. 30 00:01:30,210 --> 00:01:33,760 Ita hic exemplum Define simplex iudicium 31 00:01:33,760 --> 00:01:35,850 Suus abstulit HTML tags, excitavit. 32 00:01:35,850 --> 00:01:37,979 >> Intus est titulus salve mundi. 33 00:01:37,979 --> 00:01:38,770 Tunc habeam corpus. 34 00:01:38,770 --> 00:01:40,686 Inside of quod, habeo Tria. 35 00:01:40,686 --> 00:01:44,170 Habeo caput h2 tag, paragraph et molestie. 36 00:01:44,170 --> 00:01:45,920 Haec simplex web page. 37 00:01:45,920 --> 00:01:48,590 >> Quid potuerunt document Obiiciunt enim hoc vultus amo? 38 00:01:48,590 --> 00:01:50,700 Bene, suus 'a parum FORMIDULOSUS maybe primum. 39 00:01:50,700 --> 00:01:52,510 Sed vere iustus arborem magnam. 40 00:01:52,510 --> 00:01:54,890 Ad ipsum radice tabellae. 41 00:01:54,890 --> 00:02:00,030 >> Inside of tabellae est alius HTML page referatur ad rem meam. 42 00:02:00,030 --> 00:02:02,660 HTML page meo omnia quæ locutus est. 43 00:02:02,660 --> 00:02:06,900 Et tunc interius HTML actum est, habeat caput obiectum 44 00:02:06,900 --> 00:02:09,000 quod pertinet ad omnia. 45 00:02:09,000 --> 00:02:11,009 >> Et intus est, Habeo a title obiectum. 46 00:02:11,009 --> 00:02:15,620 Et intus est, et alter obiiciant ultricies salve mundi. 47 00:02:15,620 --> 00:02:18,020 Possem habere corpus meum repraesentatum hoc diligunt. 48 00:02:18,020 --> 00:02:22,850 >> Intus corpus habeo h2 obiecto et a p obiectum paragraph 49 00:02:22,850 --> 00:02:25,270 Hoc enim et a molestie. 50 00:02:25,270 --> 00:02:29,660 Et ideo rationabiliter hoc tota ierarchia potest repraesentari arborem magnam 51 00:02:29,660 --> 00:02:31,990 cum lots of paulo minor quæ supervenient conterendos de ea. 52 00:02:31,990 --> 00:02:33,740 Nunc scilicet, cum erant programming, nos 53 00:02:33,740 --> 00:02:35,560 non cogitant de rebus quasi arborem magnam. 54 00:02:35,560 --> 00:02:37,980 Nos vis videre actualis signum related rebus. 55 00:02:37,980 --> 00:02:40,790 >> Fortunate, possumus uti nostri elit tools 56 00:02:40,790 --> 00:02:46,080 actu accipere a inviso hoc website documento obiectum. 57 00:02:46,080 --> 00:02:48,150 Et quod faciamus. 58 00:02:48,150 --> 00:02:49,580 Sic ego aperuit pasco tab. 59 00:02:49,580 --> 00:02:51,540 >> Et Ive 'aperuit Tools elit. 60 00:02:51,540 --> 00:02:54,460 Et in ira mea video in JavaScript, I Caesar euit initium console est non 61 00:02:54,460 --> 00:02:56,770 ubi solum someplace nos procer notitia, 62 00:02:56,770 --> 00:02:59,560 suus 'quoque a loco, in quo possumus input notitia. 63 00:02:59,560 --> 00:03:01,380 In hoc loco, quid Im 'iens dicere 64 00:03:01,380 --> 00:03:05,720 I would amo impetro tergum tabellae obiecta, 65 00:03:05,720 --> 00:03:07,502 et sic vide quod committitur. 66 00:03:07,502 --> 00:03:08,460 Quomodo posset hoc? 67 00:03:08,460 --> 00:03:10,740 Bene, si volo organize nicely vere, 68 00:03:10,740 --> 00:03:16,317 Console.dir dicturus sum, D-I-R. Nunc igitur placet mihi ut iustus utor print console.log 69 00:03:16,317 --> 00:03:17,400 aliquid valde simplex. 70 00:03:17,400 --> 00:03:20,450 Si vis ut haec hierarchice sicut objectum, 71 00:03:20,450 --> 00:03:23,800 Volo sort of exstructa quasi structura presul. 72 00:03:23,800 --> 00:03:27,400 >> Sic volo console.dir tabellae. 73 00:03:27,400 --> 00:03:28,430 Ego hit Ingreditur. 74 00:03:28,430 --> 00:03:32,350 Et infra ius nunc, et ego Retrahe huc 75 00:03:32,350 --> 00:03:36,000 Ive 'got hanc responsionem document paulo sagitta propinquam. 76 00:03:36,000 --> 00:03:39,470 Sed cum hanc fenestram aperueritis, sagittis futurum sit amet elit. 77 00:03:39,470 --> 00:03:42,560 >> Sed erant 'iens ut multum ignore atque id genus focus 78 00:03:42,560 --> 00:03:46,250 ad summam ita dominari incipiunt annotari fecimus. 79 00:03:46,250 --> 00:03:50,125 Illic 'multus magis quam DOM sicut parens et puerum nodorum lymphaticorum. 80 00:03:50,125 --> 00:03:51,500 Illic 'multus of effercio ancillis. 81 00:03:51,500 --> 00:03:52,280 >> Im 'iens ut aperire oculos. 82 00:03:52,280 --> 00:03:54,610 Et illic 'a universus sors of effercio ut pops sursum. 83 00:03:54,610 --> 00:03:59,000 Sed omnia mihi curae est ius hic puer nodorum. 84 00:03:59,000 --> 00:04:00,410 Lets patefacio sursum quod. 85 00:04:00,410 --> 00:04:03,810 >> Intus non videbo aliquid nota, HTML. 86 00:04:03,810 --> 00:04:07,670 Sic inside nostri document unum gradu, HTML. 87 00:04:07,670 --> 00:04:08,550 Ego aperire oculos. 88 00:04:08,550 --> 00:04:10,380 Quid exspectas? 89 00:04:10,380 --> 00:04:13,760 >> Si discretionis nostre recolimus diagramma quod non invenitur inside of HTML? 90 00:04:13,760 --> 00:04:17,275 Quid in duobus retiaculis duos infra arbore 91 00:04:17,275 --> 00:04:17,899 Lets inquirendo exsequebatur. 92 00:04:17,899 --> 00:04:18,940 Nos patefacio sursum HTML. 93 00:04:18,940 --> 00:04:22,079 Descendimus ad puerum nodos. 94 00:04:22,079 --> 00:04:23,440 >> Pop apertam. 95 00:04:23,440 --> 00:04:25,990 Illic 'caput et corpus. 96 00:04:25,990 --> 00:04:28,540 Et aperiet caput. 97 00:04:28,540 --> 00:04:30,460 Vade ad prolem nodorum. 98 00:04:30,460 --> 00:04:31,460 Etiam nulla titulo consecraretur. 99 00:04:31,460 --> 00:04:33,293 >> Et illuc vagabantur incerti et sic in aeternum. 100 00:04:33,293 --> 00:04:34,770 Facere potuimus hoc corpus. 101 00:04:34,770 --> 00:04:40,090 Sed viam nostram ad videndum tabellae verat ut magnum obiectum. 102 00:04:40,090 --> 00:04:42,610 Si autem attendamus ad magnum obiectum quod spectat multus 103 00:04:42,610 --> 00:04:47,480 quasi signum, id est inire manipulare hoc magnum obiectum usura 104 00:04:47,480 --> 00:04:51,220 signum mutare quid nostri website spectat et sentit sicut. 105 00:04:51,220 --> 00:04:54,920 >> Ut suus pulchellus instrumentum potens Nunc promptu habemus. 106 00:04:54,920 --> 00:04:57,360 Ut modo viderunt document obiectum ipsum 107 00:04:57,360 --> 00:05:01,392 et non contrarietatem obiectorum intus habere proprietates et modos, sicut 108 00:05:01,392 --> 00:05:04,100 sicut et quaelibet alia res sit operum quibus frustra sudaveram, cum in JavaScript. 109 00:05:04,100 --> 00:05:08,370 Non possumus ponere proprietates uti rationibus sort of EXERCITATIO 110 00:05:08,370 --> 00:05:10,900 a big et document inferiorem et inferior, 111 00:05:10,900 --> 00:05:13,360 tenuiores et tenuiores grana of detail, donec ad ipsum locum 112 00:05:13,360 --> 00:05:17,510 Ubi nostri partes speciei Define volumus esse mutare. 113 00:05:17,510 --> 00:05:22,700 >> Cumque eget proprietates Object documentum aut vocare modos, 114 00:05:22,700 --> 00:05:24,450 Define nobis adferre posse. 115 00:05:24,450 --> 00:05:28,420 Et hoc non oportet aliquod refrigerium mutationes ad inducendum effectum. 116 00:05:28,420 --> 00:05:33,160 >> Et post haec facultas a pulchellus frigus habent opus sumus code. 117 00:05:33,160 --> 00:05:37,185 Sed quae sunt quaedam proprietates documenti particula, quae rei 118 00:05:37,185 --> 00:05:40,100 Bene, vos forsit vidi iugo of eos realiter cito 119 00:05:40,100 --> 00:05:42,700 ut essemus zipping per gigas document 120 00:05:42,700 --> 00:05:45,150 vidi in obiecto telam pasco. 121 00:05:45,150 --> 00:05:48,420 >> Sed a iugo of harum proprietatum ut rebus quasi interius HTML. 122 00:05:48,420 --> 00:05:52,950 Et ut recordor me hoc video in usura JavaScript 123 00:05:52,950 --> 00:05:54,950 ad extremum cum loquebatur de rebus. 124 00:05:54,950 --> 00:05:56,125 Hoc quid aliud fuit interius HTML? 125 00:05:56,125 --> 00:05:59,030 Bene, quod suus 'iustus in inter tags. 126 00:05:59,030 --> 00:06:01,590 >> Et sic interius HTML, exempli gratia, de title 127 00:06:01,590 --> 00:06:05,390 tag si servassetis ingressus quod exemplum paulo ante, 128 00:06:05,390 --> 00:06:08,020 fuisset salve mundi. 129 00:06:08,020 --> 00:06:10,140 Erat page opellae nostrae. 130 00:06:10,140 --> 00:06:12,370 Aliae proprietates includunt node nomen, quod 131 00:06:12,370 --> 00:06:15,810 vocatum est nomen ejus an HTML elementum ut title. 132 00:06:15,810 --> 00:06:19,100 Id, quod est ID tribuunt of an HTML elementum. 133 00:06:19,100 --> 00:06:23,790 >> Meminimus, specialiter indicate specifica elementa nostra HTML 134 00:06:23,790 --> 00:06:27,510 cum ID attributum solet expediti fit contextu CSS 135 00:06:27,510 --> 00:06:29,000 specie. 136 00:06:29,000 --> 00:06:33,217 Parente node, quod respicit ad quid justum in sublime DOM. 137 00:06:33,217 --> 00:06:35,800 Et puer nodorum est Quid ad me deorsum. 138 00:06:35,800 --> 00:06:37,950 Vidimus enim multum per iustus vultus. 139 00:06:37,950 --> 00:06:42,970 Puerum nodorum quam quod istos inferior in ligno. 140 00:06:42,970 --> 00:06:46,590 >> Attributis, quod suus 'iustus an array et ex attributis elementum. 141 00:06:46,590 --> 00:06:50,270 Ita ut exemplum attributa quod si imago tag, 142 00:06:50,270 --> 00:06:54,090 principium habere solet attributo maybe altitudinem et latitudinem attributum. 143 00:06:54,090 --> 00:06:57,120 Utque exercitu esset iustus omnium attributa coniungitur 144 00:06:57,120 --> 00:06:59,300 cum HTML elementum. 145 00:06:59,300 --> 00:07:04,140 >> Style est alii vero unum, quod non repraesentant CSS 146 00:07:04,140 --> 00:07:06,050 styling alicuius elementi. 147 00:07:06,050 --> 00:07:08,310 Et in sequentibus in hoc video, puteus 'in specie 148 00:07:08,310 --> 00:07:14,592 leverage style facere a iugo mutationum nostrum website. 149 00:07:14,592 --> 00:07:15,800 Ita quibus sunt quaedam proprietates. 150 00:07:15,800 --> 00:07:17,591 >> Sunt etiam quidam modis posse nos 151 00:07:17,591 --> 00:07:22,450 uti etiam citius maybe recludet elementa Document Object. 152 00:07:22,450 --> 00:07:26,730 Fortasse maxime versatile horum sit getElementById. 153 00:07:26,730 --> 00:07:31,190 Et quasi diceretur, quia memento suus 'a methodum Document 154 00:07:31,190 --> 00:07:34,880 Obiicias, document.getElementById. 155 00:07:34,880 --> 00:07:39,820 >> Et intra parentheses de determinare an HTML elementum cum ID particular 156 00:07:39,820 --> 00:07:42,330 tribuunt quod Ive 'prius set malum et moriar statim 157 00:07:42,330 --> 00:07:46,685 et pergentes ad corpus caeleste esse elementum altiore website. 158 00:07:46,685 --> 00:07:49,310 Sic EGO dont 'have ut maybe EXERCITATIO per singula iacuit. 159 00:07:49,310 --> 00:07:52,841 EGO can iustus utor hac methodo reperiri, quodam quasi aestu insectationibus arguetur missile, 160 00:07:52,841 --> 00:07:53,340 ius? 161 00:07:53,340 --> 00:07:56,300 Is iustus vadit et invenit quaerit quid ipsa. 162 00:07:56,300 --> 00:07:59,290 >> GetElementsByTagName est simillima in spiritu. 163 00:07:59,290 --> 00:08:02,500 Forsitan invenies omnes confidens absque terrore tags aut omnes p tags 164 00:08:02,500 --> 00:08:05,920 detisque mihi omnia ordinata quod tunc mecum laboret. 165 00:08:05,920 --> 00:08:12,080 appendChild addit aliquid uno gradu in arbore. 166 00:08:12,080 --> 00:08:16,440 >> Et potest totum novum unum elementum eminebant de inferioribus. 167 00:08:16,440 --> 00:08:19,700 Aut transferam elementum ut ' eminebant de inferioribus et si voluero tam 168 00:08:19,700 --> 00:08:22,870 Define aliquid ab delere. 169 00:08:22,870 --> 00:08:28,480 Nunc a velox coding soni et fractum velox capitis salutaris note, hopefully. 170 00:08:28,480 --> 00:08:31,670 >> getElementById-- in d est lowercase. 171 00:08:31,670 --> 00:08:36,950 Non possum dicere quam mihi totiens used getElementById et capitalized 172 00:08:36,950 --> 00:08:38,336 d ibi. 173 00:08:38,336 --> 00:08:39,460 Quoniam suus 'vere communis. 174 00:08:39,460 --> 00:08:42,990 Id si scribere verbum illud solet capital capitale D. I 175 00:08:42,990 --> 00:08:44,240 Et iustus non operetur codice. 176 00:08:44,240 --> 00:08:45,630 Neque ob figurae. 177 00:08:45,630 --> 00:08:49,490 Hic est vere, realiter quidem bug quod omnibus commune facit, 178 00:08:49,490 --> 00:08:51,890 etiam peritos qui non habent facientes in aeternum hanc voluntatem. 179 00:08:51,890 --> 00:08:55,410 Nos tam iustum esse sensit, getElementById, quod est d lowercase. 180 00:08:55,410 --> 00:09:00,080 Et spero quod plura solus salvavit vos minutes saltem dolorem. 181 00:09:00,080 --> 00:09:02,204 >> Ideo quod omnibus nobis? 182 00:09:02,204 --> 00:09:03,120 Habemus his rationibus. 183 00:09:03,120 --> 00:09:04,161 Habemus hasce proprietates. 184 00:09:04,161 --> 00:09:06,610 Nunc, si nos illinc profectos document, document. 185 00:09:06,610 --> 00:09:10,220 quicquid possumus nunc adepto alicui universa ductilia de nostra web page 186 00:09:10,220 --> 00:09:14,870 volumus ut usura JavaScript sicut per haec vocans methodos 187 00:09:14,870 --> 00:09:19,940 et leveraging proprietates invenitur in diversis locis. 188 00:09:19,940 --> 00:09:24,890 >> Hoc possit verbosa haec document.getElementByID, 189 00:09:24,890 --> 00:09:28,560 maybe habeat longo tag nomen, maybe vos magis vocat infra annotauimus. 190 00:09:28,560 --> 00:09:31,230 Res can adepto aliquantulus frenum verbosus. 191 00:09:31,230 --> 00:09:34,480 Et programmers ut youve probabile videtur plures video 192 00:09:34,480 --> 00:09:36,600 uerborum quae non placent. 193 00:09:36,600 --> 00:09:38,520 >> Placet celeriter posse. 194 00:09:38,520 --> 00:09:42,640 Ita volumus a magis concise modo aliquid dicere. 195 00:09:42,640 --> 00:09:46,270 Itaque huiusmodi ducit ad providentia respectum quendam alicuius dicitur jQuery. 196 00:09:46,270 --> 00:09:49,170 Nunc jQuery non JavaScript. 197 00:09:49,170 --> 00:09:50,350 Non partem JavaScript. 198 00:09:50,350 --> 00:09:54,790 >> Scriptum est bibliotheca ab aliquo JavaScript programmers 199 00:09:54,790 --> 00:09:57,060 de X annis ante prospexerim. 200 00:09:57,060 --> 00:10:01,300 Et quid finem esse simpliciorem hoc vocavit client latus scripting, quae 201 00:10:01,300 --> 00:10:04,310 est basically quid erant iustus loquuntur cum DOM manipulations. 202 00:10:04,310 --> 00:10:11,090 Itaque si quid vellem mitigare background colo colui cultum of meus web page, maybe 203 00:10:11,090 --> 00:10:11,980 a speciei Div. 204 00:10:11,980 --> 00:10:15,325 >> Here, Im 'questus apparently ElementById colorDiv. 205 00:10:15,325 --> 00:10:16,950 Et latet exponere volui color. 206 00:10:16,950 --> 00:10:20,720 Si Im 'iustus usura pure JavaScript usura Document Object Model, 207 00:10:20,720 --> 00:10:23,990 multus of effercio quod iustum document.getElementByID 208 00:10:23,990 --> 00:10:25,531 colorDiv.style.backgroundColor = viridi. 209 00:10:25,531 --> 00:10:27,260 210 00:10:27,260 --> 00:10:28,050 >> Demum. 211 00:10:28,050 --> 00:10:30,110 Erat multum loquaris. 212 00:10:30,110 --> 00:10:31,720 Etiam sit amet elit ut typus est. 213 00:10:31,720 --> 00:10:35,760 Et sic in jQuery, possumus dicere maybe Haec paulo brevius. 214 00:10:35,760 --> 00:10:39,350 Negotiatores maybe paulo sis suus aliquantulus magis crypticus subito, 215 00:10:39,350 --> 00:10:39,850 ius? 216 00:10:39,850 --> 00:10:43,580 >> Saltem dum paulo quid agere explanatory vales. 217 00:10:43,580 --> 00:10:49,947 Hoc pupa signum, parentheses, una quote, hash, colorDiv, ius? 218 00:10:49,947 --> 00:10:50,780 Quidnam est istuc? 219 00:10:50,780 --> 00:10:53,640 Bene, quod suus 'basically iustus document.getElementByID colorDiv. 220 00:10:53,640 --> 00:10:58,700 >> Sed huiusmodi actuaris exceptam jQuery illam agendi. 221 00:10:58,700 --> 00:11:01,380 Nunc sit amet justo inspice at a iugo of diversis modis, 222 00:11:01,380 --> 00:11:04,520 et veniam usque ad actualiter uti ad huius Documenti Object 223 00:11:04,520 --> 00:11:06,807 Exemplar manipulare pieces of meus site. 224 00:11:06,807 --> 00:11:09,140 In particulari, erant 'iens ut opus in deformetur 225 00:11:09,140 --> 00:11:14,090 colore a particulari Cap, colorDiv in Paginam. 226 00:11:14,090 --> 00:11:15,299 Sic lets 'inspice mentis. 227 00:11:15,299 --> 00:11:15,798 Omni jure. 228 00:11:15,798 --> 00:11:16,700 Ego istuc esse. 229 00:11:16,700 --> 00:11:20,750 At cum dicitur test.html download Huic si vis tinker. 230 00:11:20,750 --> 00:11:24,730 Habeo et fasciculum buttons on this page. 231 00:11:24,730 --> 00:11:27,730 Et Im dicens singulares background ad colorem purpureum viridi 232 00:11:27,730 --> 00:11:31,330 aureum igneas et hyacinthinas una quaedam functio in background colo colui cultum, eventus tracto 233 00:11:31,330 --> 00:11:34,360 nam color colore usus jQuery. 234 00:11:34,360 --> 00:11:38,147 Quid meditentur cum id facere? 235 00:11:38,147 --> 00:11:39,230 Et vidimus pyga. 236 00:11:39,230 --> 00:11:41,521 Nunc lets inspice ex quo codice hic. 237 00:11:41,521 --> 00:11:44,770 Puteus 'satus per test.html. 238 00:11:44,770 --> 00:11:48,100 Ita singulis officia background color est quid ego typed here. 239 00:11:48,100 --> 00:11:49,350 Da mihi paululum volumine. 240 00:11:49,350 --> 00:11:56,170 241 00:11:56,170 --> 00:11:58,820 >> Et youll 'animadverto ut I quibus divaricatis buttons 242 00:11:58,820 --> 00:12:03,990 cum ipsum dicere est clicked, vocare functio turn purpura. 243 00:12:03,990 --> 00:12:06,670 Cum hoc puga pyga click is potius, vocare functio viridans 244 00:12:06,670 --> 00:12:08,710 turn aurantiaco, conversus rubrum, turn blue. 245 00:12:08,710 --> 00:12:11,880 Vos potest probabiliter suspicari hoc fortasse non optimum consilium 246 00:12:11,880 --> 00:12:12,460 sensus est, aequum? 247 00:12:12,460 --> 00:12:16,490 >> Esset nice quod si possem habere communius aditus. 248 00:12:16,490 --> 00:12:19,570 Habuimus tamen in primo iam vultu at quales illi sunt quinque functiones 249 00:12:19,570 --> 00:12:24,400 document.getElementByID colorDiv.style.background = purpura, 250 00:12:24,400 --> 00:12:27,250 viridi, aurantiaco, rubrum, et hyacintho, respective. 251 00:12:27,250 --> 00:12:30,930 Itaque non admodum optimum consilium. 252 00:12:30,930 --> 00:12:33,390 >> Sequenti statuto de buttons HI Ive 'written 253 00:12:33,390 --> 00:12:36,380 uno functio vocavit color immutatus est, ut videtur 254 00:12:36,380 --> 00:12:38,960 accipit si rumpat quis filum ut argumentum. 255 00:12:38,960 --> 00:12:40,290 Sic paulo melius. 256 00:12:40,290 --> 00:12:43,840 Purpura viride, rufi hyacintho nunc argumentum. 257 00:12:43,840 --> 00:12:46,230 Et scripsi generalius casu functio JavaScript, 258 00:12:46,230 --> 00:12:47,771 quas intuerer praesentes tale. 259 00:12:47,771 --> 00:12:48,680 Im 'transeunter. 260 00:12:48,680 --> 00:12:52,090 Hoc munus mutatio color est inopinantes argumentum dicitur color. 261 00:12:52,090 --> 00:12:54,970 Et Im dicens posuit background color ad colorem. 262 00:12:54,970 --> 00:12:58,390 Quid igitur habeo hic repraesentatur. 263 00:12:58,390 --> 00:12:59,770 Ut 'aliquantulus magis. 264 00:12:59,770 --> 00:13:02,740 >> Sed posset melius quam. 265 00:13:02,740 --> 00:13:06,140 Si descendat tollere vultus at eventus tracto situ, 266 00:13:06,140 --> 00:13:07,860 omnes hae voces respiciunt idem. 267 00:13:07,860 --> 00:13:10,340 Si memini, ad nostram super hac re disputantibus eventus tracto, 268 00:13:10,340 --> 00:13:15,770 Quo possim notitia haec buttons erat clicked et usum. 269 00:13:15,770 --> 00:13:19,560 >> Itaque event.JavaScript, quia commune aut inmundum scriptum mutatio color eventus, quae 270 00:13:19,560 --> 00:13:21,110 figuravit de puga pyga quod erat clicked. 271 00:13:21,110 --> 00:13:23,250 Ut 'trigger rectam. 272 00:13:23,250 --> 00:13:25,240 Et tunc hic, ad uerborum linguaeque gets realiter. 273 00:13:25,240 --> 00:13:27,420 Sed quid ego facio ego sum occasus background 274 00:13:27,420 --> 00:13:30,340 color ad triggerObject inner.HTML. 275 00:13:30,340 --> 00:13:34,170 Quod est in text inter puga pyga tags. 276 00:13:34,170 --> 00:13:36,500 >> Et tunc videntur habere ad exstruendam eam in lowercase. 277 00:13:36,500 --> 00:13:40,780 Omnis convertere et quam possum string ad lowercase in JavaScript usura 278 00:13:40,780 --> 00:13:42,940 causa initum lowercase. 279 00:13:42,940 --> 00:13:46,570 Quia cum posuero colorem Im 'trying ut hic, 280 00:13:46,570 --> 00:13:48,260 color est omnium minusculae. 281 00:13:48,260 --> 00:13:50,920 >> Sed me ipsum, si accipiamus aliam inviso, 282 00:13:50,920 --> 00:13:55,890 animadverto ut est text P scribitur capitale purpuris. 283 00:13:55,890 --> 00:13:59,140 Et tunc in ipso imo hic, ut videtur 284 00:13:59,140 --> 00:14:02,630 hoc quoque uti jQuery querere. 285 00:14:02,630 --> 00:14:06,000 Qua in re non sum actu vocans functio omnino. 286 00:14:06,000 --> 00:14:11,430 Ego sum genus quod dictum adhibitis ad puga pyga est jQ. 287 00:14:11,430 --> 00:14:12,360 Quod suus eam. 288 00:14:12,360 --> 00:14:14,950 >> Ita quomodo jQuery sciunt quae dixerim ego facio? 289 00:14:14,950 --> 00:14:18,740 Caeterum ex commodo exacuere vade incommoda jQuery. 290 00:14:18,740 --> 00:14:21,560 Potest facere licuerit admodum breviter, sed maybe non 291 00:14:21,560 --> 00:14:22,570 ut intuenti. 292 00:14:22,570 --> 00:14:25,570 Conspectu eorum si forte faciat a ceteris vocibus tubae trium quod facio aliquantulus magis sensum. 293 00:14:25,570 --> 00:14:29,010 Hic si quid agatur? 294 00:14:29,010 --> 00:14:31,940 >> Videtur, creans an anonymous function 295 00:14:31,940 --> 00:14:36,790 Quotiescunque enim onera quod document est paratam esse sic document.ready, 296 00:14:36,790 --> 00:14:38,760 functio futurum. 297 00:14:38,760 --> 00:14:40,490 Basically, ubi exstat documentum baiulus 298 00:14:40,490 --> 00:14:42,310 Sed postquam page oneravit. 299 00:14:42,310 --> 00:14:46,540 >> Ut primum pagina oneravit et haec functio semper est paratum. 300 00:14:46,540 --> 00:14:54,310 Inquit, si obiectum type jQButton, aut si genus jQButton fuerit clicked, 301 00:14:54,310 --> 00:14:55,570 faciam hoc munus. 302 00:14:55,570 --> 00:14:59,360 Hic duo minuta anonymous muneribus definita alterum interius. 303 00:14:59,360 --> 00:15:03,930 >> Sic equidem uel uniuersum context hic tantum abest ut meam page 304 00:15:03,930 --> 00:15:06,520 cum munere poscit onerat. 305 00:15:06,520 --> 00:15:09,740 Et hoc munus exspectat nam ipsum clicked. 306 00:15:09,740 --> 00:15:14,490 Et cum a puga pyga est clicked, jQ puga pyga in specie est clicked, 307 00:15:14,490 --> 00:15:17,150 vocat alius operatione consistat, quae est iens 308 00:15:17,150 --> 00:15:21,250 ut poneret ibi background colore colorDiv esse 309 00:15:21,250 --> 00:15:25,990 quidquid est in textu inter tags. 310 00:15:25,990 --> 00:15:28,050 >> Hoc est ratio puga pyga quod erat clicked. 311 00:15:28,050 --> 00:15:31,230 Caeterum hoc genus faciebatque similem eventum. 312 00:15:31,230 --> 00:15:34,460 Suus 'iustus sic ego volunt significare hanc in jQuery. 313 00:15:34,460 --> 00:15:36,790 Iterum, suus 'forsit acriter insequens, terrens multus magis. 314 00:15:36,790 --> 00:15:40,840 Suus 'non splendidum tamquam aliquid simile event.js, 315 00:15:40,840 --> 00:15:45,080 quod maybe paulo verbosior, sed paulo minor 316 00:15:45,080 --> 00:15:46,000 acriter insequens, terrens. 317 00:15:46,000 --> 00:15:51,460 >> Si autem rursus ad pop pasco fenestram, si committitur clicking-- bene, 318 00:15:51,460 --> 00:15:52,690 quod mutatur purpurascentes. 319 00:15:52,690 --> 00:15:54,450 Hoc est usura viridi filum modus. 320 00:15:54,450 --> 00:15:56,500 Hoc est usura aurantiaco eventus tracto. 321 00:15:56,500 --> 00:15:58,300 >> Hoc est red usura jQuery, ius? 322 00:15:58,300 --> 00:16:01,270 Omnes eodem conversari. 323 00:16:01,270 --> 00:16:06,509 They iustus facere cum nitantur varus accedit ad solvere problema. 324 00:16:06,509 --> 00:16:08,550 Illic 'multus magis jQuery tunc profecto sumus 325 00:16:08,550 --> 00:16:10,050 iens loqui de hoc video. 326 00:16:10,050 --> 00:16:15,410 Si vis discere magis potes ad jQuery sort of documentis 327 00:16:15,410 --> 00:16:19,710 discere admodum aliquantulus magis hoc ipsum flexibile bibliotheca, quam 328 00:16:19,710 --> 00:16:22,550 Magna est enim benefacientes client latus ut quid ageretur scripting 329 00:16:22,550 --> 00:16:26,240 manipulare aspectum et accusam nostra web page 330 00:16:26,240 --> 00:16:28,750 cum Document Object Model. 331 00:16:28,750 --> 00:16:29,650 Im Doug Lloyd. 332 00:16:29,650 --> 00:16:31,930 Hoc est CS50. 333 00:16:31,930 --> 00:16:34,022