áááááááááá ááááá ááá£áá¯áááá¡áááá¡ á¡áá¤á£á«ááááá, á áá ááá¡á£á ááááááááá ááááá§áááááá áááá£ááá á£áá JavaScript áááááááááá ááá£á¬ááá jQuery, á ááááááª á¡áá¨á£áááááá¡ us ááá¬ááááá á©áááá áááá, á®ááá á¯áá  ááááá ááááááá ááªáááááá¡ á¡ááááá®á á¨ááááá¥ááá ááá á, á ááááá¡ áá áá¡ááª á áááááááá áááá, á áá áááá¬áá á á¨áá¡á á£áááá£ááá ááááá áááá ááá á ááááááá¢ááá áá­áá áááááá áá á¡ááááá¡ DOM á áááá£á áá áá á¡áááááá. 

ááááááááá¡á¬áááá, áá¥ dom-2.html, ááá¥áá¡ script tag á£ááá áá¢á ááá£á¢á á¬á§áá áá¡, á ááááá¡ á¦áá ááá£áááá áá áá¡ URL ááá¡áááá áá á£áá®ááá¡á ááá á¡áá áá ááááááááááá¨á. á¥ááááá á áá ááá¥áá¡ áªáááá á¡áá ááá¢á tag áá ááá á¬á§áá á áááá áá áá ááá£á¢ááááááá áááá®á á áááá£á áá á¬áá áá áááááá áá á©ááá á¡ááá£ááá á áááá. áááá ááááá ááá¬áá á, á áááá áª á¨ááááááááá áá, $, á ááááááª ááá ááááª áá®áááá á¡á¢ááááá áááá¡ ááá¢ááªáá for jQuery ááááá¡ááááá, (áááá£áááá¢á). á¡á®áá á¡áá¢á§ááááá á áá ááá¥ááá, áá á£áá áááá áááááá, á áááá áª áá áá£áááá¢á á¤á£áá¥áªáá ááá£á¬ááá jQuery áááá£áááá¢á, ááááááá£á á áªááááá, á áá á£ááá áá á¡ááááá¡ á¨ááááá ááááá¡áááá á ááá áááá áá. 

ááá¨áá ááááá ááááááááá. áááá, ááá£á¬áááááá á¤á£áá¥áªáá áá áááááá, á ááááááª áááááá¡, á áá á¨áááááá ááááá áááá á£ááá áá§áá¡ á¨áá¡á á£áááá£áá áá®áááá áá áá®áá ááááá áááá£áááá¢á áááá áá áá¡, ááááá áá¢á£ááá áá ááááááá£á á á¤á£áá¥áªáá áá¥. $ "# Demo", á ááááááª ááá£áááááá¡, á áá ááááá áááá¦áá¡ ááááááá¢á¡ á©ááá DOM á ááááááª á£áááááá£á  ááááá¢áá¤áááá¢áá á¡ áá áá¡ áááá. áá á¨ááááá ááááá á©ááá ááá¦ááá£áá, á áá, ááááá á áááá¡á¢á ááªáá áá¡ á¦áááá¡á«áááá ááááá£á¨ááááááá¡ á¬áá á£áááááá¡ á¦áááá¡á«áááá áááá¡ááá¦áá áá. á¬áá á£áááááá¡, áá®áá á®áááááá, á áá ááááááá£á á á¤á£áá¥áªáá, á ááááááª ááááááá áá áá áá áá£áááá¢á á áá á©ááá áááá£á¬ááááá á¦áááá¡á«áááá, á ááááááª á¡áááááá á¯ááá¨á, á£áá áááá áá¥áááá ááááá¨áááá á¡áá®áá¡ á¤áá¥á¢ááá ááá á¬áá áááááá¡ á¦áááá¡á«áááá áá®áááá áá á¨áááá®ááááá¨á áá£ á©ááá áááááá ááááá á¨áááá®áá á, á áá ááá ááááá . 

áááá¡áááá¨á, ááááá ááá£ááááá á¦áá ááá£á¬ááá¡ áá close ááá£á¬ááá¡ áá á¨ááááá áá áá¤á áá®ááááá¡, ááááá á áááá£á áá ááá¬áá áá¡ áááá á áá á©ááá áááááá á¨áá¡á á£áááá£áá, á áááá¡ááª áá¡ á¤áá áá á¬áá ááááááááá. ááá¤á áá®ááááá "Hello", áá ááááá concatenate on áá¡á á áá ááá ááááá¡áá¡ $ "# á¡áá®ááá" á ááááááª ááá£áááááá¡, á áá ááááá ááááá ááááááá¢áá¡ á©ááá DOM á ááááá¡ á£áááááá£á á ááááááá¢áá¤ááªáá ááááá á¡áá®ááá. áá ááááá áá®áá áááá£á¬ááááá á¤á£áá¥áªáá á¨ááááá á áá ááááá¥á¢á ááá£á¬ááá val á ááááááª áá¦ááá¡ á¢áá¥á¡á¢á£á á á¦áá ááá£áááá, áááá®ááá ááááá ááá áá¤ááá á¨áááá¡á£áá áá ááááá concatenate áá¡á, á áá, á£áá áááá, for fun, á«áá®áááá¡ á¬áá á¢ááá. 

áá ááááá¡, áááá á á£áá áááá áááá á£ááááá¡ áªá á£, á áááá áª á©ááá áá  ááá á, ááááá áá§áá¡ áªáá¢á ááá¢á á¡ááªááªá®ááá¡á£ááá áááááá áá áááááááá áá¢á, á áá áááá¡ áááááááá¡á¬áááááá, á áá á¦áááá¡á«ááááá¡ ááááá¥á¢á, á©ááá áááááá, á áá ááááááá ááááªáááá ááá¡á á á á¥áªáááá¡ ááááá áá¢á£ááá ááá£á¬ááááá¡ á¤á£áá¥áªáá áá áááááá áá¬ááááá ááááááá áá¡ááªááááááá áááá£ááá¡á®áááá áá¡áááá. event.preventDefault. ááááá áá®áá á¤ááááá¡ á¨áááá®áá áá ááá®á¡áá áá¡ á©ááá¡ áá áá£ááá á¨á. http://localhost/dom-2.html 

áá¥ á áá á¤áá ááá. ááááá input ááááá. ááá¬áááááá á¨áá¢ááá áá hello, ááááá áááá á£ááá.