рд╢рд╛рдпрдж рдХрд┐рд╕реА рдХреЛ рдпрд╣ рдорджрджрдЧрд╛рд░ рд▓рдЧрд╛ рд╣реЛрдЧрд╛ред
рдЖрдкрдХреЗ рдкрд╛рд╕ рдПрдХ рдмрдбрд╝реА рдмрд╣реБ-рдкреГрд╖реНрда рд╕рд╛рдЗрдЯ рд╣реИред рд╡рд┐рднрд┐рдиреНрди рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЖрдкрдХреЗ рдкрд╛рд╕ рдЕрд▓рдЧ-рдЕрд▓рдЧ рдЬрдЯрд┐рд▓ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЪреАрдЬреЗрдВ рд╣реИрдВ: рд╕реБрдВрджрд░ рджреАрд░реНрдШрд╛рдПрдВ, рдЕрдЬрд╛рдХреНрд╕ рдкрддреНрд░рдХ, рдХрд╣реАрдВ-рдХрд╣реАрдВ рд▓рдЧрднрдЧ рдЖрд╡реЗрджрди рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдпрд╣ рд╕рдм рдХреБрдЫ jQuery / рдкреНрд░реЛрдЯреЛрдЯрд╛рдЗрдк / Mootools / рдЖрджрд┐ рдкрд░ рдШреВрдорддрд╛ рд╣реИ, рдкреНрд░рддреНрдпреЗрдХ рдРрд╕реА рдЪреАрдЬ рдХреЗ рд▓рд┐рдП рдлрд╝рдВрдХреНрд╢рди, рдЖрдИрдбреА рдФрд░ рдХрдХреНрд╖рд╛рдУрдВ рдХреЗ рдЬрдЯрд┐рд▓ рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рдЖрджрд┐ рдХрд╛ рдПрдХ рдЧреБрдЪреНрдЫрд╛ рдХрд╣рд╛ рдЬрд╛рддрд╛ рд╣реИред рдЖрджрд┐
рдФрд░ рдЖрдк рдЙрддреНрдкрд╛рджрдХрддрд╛-рдЬрд╛рдЧрд░реВрдХ рдбреЗрд╡рд▓рдкрд░ рдХреЗ рд░реВрдк рдореЗрдВ, рдЗрди рд╕рднреА рд▓рд┐рдкрд┐рдпреЛрдВ рдХреЛ рдзреНрдпрд╛рди рд╕реЗ рдПрдХ рдЬреЗрдПрд╕ рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рдбрд╛рд▓рддреЗ рд╣реИрдВ рдФрд░ рдЙрдиреНрд╣реЗрдВ рдкреИрдХ рдХрд░рддреЗ рд╣реИрдВред
рд▓реЗрдХрд┐рди рдПрдХ рдЙрдкрджреНрд░рд╡ рд╣реИ: рдЬрдм рдЖрдк рдкреНрд░рддреНрдпреЗрдХ рдкреГрд╖реНрда рдХреЛ рдЦреЛрд▓рддреЗ рд╣реИрдВ, рддреЛ рдЖрдкрдХреА рд╕реНрдХреНрд░рд┐рдкреНрдЯ DOM рдХреЛ рдКрди рдХрд░ рджреЗрдЧреА, рд╕рднреА рдиреЛрдбреНрд╕ рдХреЛ рдЦреЛрдЬрдиреЗ рдФрд░ рдЪреБрдирдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░реЗрдВрдЧреЗ рдЬреЛ рдЙрдкрд░реЛрдХреНрдд рд╕рднреА "рдЪреАрдЬреЛрдВ" рдореЗрдВ рд╢рд╛рдорд┐рд▓ рд╣реИрдВред рдпрд╛рдиреА рдЖрдкрдХреЗ рдкрд╛рд╕
$('.myclass')
,
getElementById
, рдЖрджрд┐ рдЬреИрд╕реА рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдХрд┐рддрдиреЗ рдЪрдпрдирдХрд░реНрддрд╛ рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рдХрдИ рдмрд╛рд░ DOM рд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж, рдЗрди рддрддреНрд╡реЛрдВ рдХреА рдЦреЛрдЬ рдореЗрдВ рд╕реНрдХреИрди рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред
рдФрд░ рдЕрдЧрд░ рдЖрдкрдХреЗ рдкрд╛рд╕ 1.5 рд╣рдЬрд╛рд░ рд▓рд╛рдЗрдиреЛрдВ рдХреА рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд╣реИ рдФрд░ рдРрд╕реЗ рдЪрдпрдирдХрд░реНрддрд╛ рдЖрдкрдХреЗ рдкрд╛рд╕ "9000 рд╕реЗ рдЕрдзрд┐рдХ" рд╣реИрдВ? рдпрд╣ рдкреЗрдЬ рд▓реЛрдбрд┐рдВрдЧ рдХреЛ рдзреАрдорд╛ рдХрд░ рджреЗрдЧрд╛ред рдмреЗрд╢рдХ, рдиреБрдХрд╕рд╛рди рдЗрддрдиреЗ рдмрдбрд╝реЗ рдирд╣реАрдВ рд╣реИрдВ рдХрд┐ рдХрд┐рд╕реА рддрд░рд╣ рдмрд╣реБрдд рдкрд░реЗрд╢рд╛рди рд╣реЛрдВ, рд▓реЗрдХрд┐рди рдЖрдк рдЗрд╕реЗ рдмрд╣реБрдд рдЖрд╕рд╛рдиреА рд╕реЗ рдФрд░ рдЖрд╕рд╛рдиреА рд╕реЗ рдЫреБрдЯрдХрд╛рд░рд╛ рдкрд╛ рд╕рдХрддреЗ рд╣реИрдВ: рдлреАрдЪрд░ рд╕реЗрдЯ рдХреЛ рд▓рдкреЗрдЯреЗрдВ рдЬреЛ рдЗрди рдмрд╣реБрдд рдЕрдиреБрдкреНрд░рдпреЛрдЧреЛрдВ рдХреА рдЙрдкрд╕реНрдерд┐рддрд┐ рдХреЗ рд▓рд┐рдП рдЬреЗрдПрд╕ рдЕрдиреБрдкреНрд░рдпреЛрдЧреЛрдВ рдХреЗ рд╕рдВрдЪрд╛рд▓рди рдХреА рдЬрд╛рдВрдЪ рдХрд░рддреЗ рд╣реИрдВред
рдпрд╣реА рд╣реИ, рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдкреГрд╖реНрда рдкрд░ рдХреЛрдИ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рд╣реИ, рддреЛ рдпрд╣ рдХреБрдЫ
<div id="my_app">...</div>
рдореЗрдВ рдмреИрдарддрд╛ рд╣реИред
рдРрд╕реЗ рдирд┐рд░реНрдорд╛рдг рдореЗрдВ рдЗрд╕ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдХреЗ рд╕рдВрдЪрд╛рд▓рди рдХрд╛ рд╡рд░реНрдгрди рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рд╕рднреА рдХрд╛рд░реНрдпреЛрдВ рдХреЛ рд▓рдкреЗрдЯреЗрдВ:
рдЕрдЧрд░ (document.getElementById ('my_app')) { // рдпрд╣рд╛рдБ рдХреЛрдб }
рдФрд░, рдЕрдЧрд░
id="my_app"
рд╕рд╛рде рдкреГрд╖реНрда рдкрд░ рдХреЛрдИ рдиреЛрдб рдирд╣реАрдВ рд╣реИ, рддреЛ рдкрд╛рд░реНрд╕рд░ рдкрд╛рд╕ рд╣реЛ рдЬрд╛рдПрдЧрд╛ рдФрд░ рдЙрд╕ рдкреГрд╖реНрда рдкрд░ рд╕рдм рдХреБрдЫ рдЦреЛрдЬрдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдирд╣реАрдВ рдХрд░реЗрдЧрд╛ рдЬрд┐рд╕реЗ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХрд╣рд╛ рдЬрд╛рддрд╛ рд╣реИред
рдПрдХ рддрд┐рдкрд╣рд┐рдпрд╛, рд▓реЗрдХрд┐рди рдЕрдЪреНрдЫрд╛ рд╣реИ