js ã§åˆ©ç”¨ã™ã‚‹ DOM ã®åå‰ã‚’ã©ã†ã‚„ã£ã¦ã¤ã‘ãŸã‚‰ã‚ˆã„ã®ã‹ - ãŠã‚‚ã—ã‚webサービス開発日記js 㧠DOM をゴニョゴニョã—ãŸã„時ã€ãã£ã¨çš†ã•ã‚“㯠id ã‚„ class 㧠DOM ã«åå‰ã‚’付ã‘ã¦ã€ãã®åå‰ã‚’利用ã—㦠js ã®å‡¦ç†ã‚’書ã„ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 例ãˆã°<input type="button" class="update" value="æ›´æ–°" />ã®ã‚ˆã†ãªãƒœã‚¿ãƒ³ãŒã‚ã£ãŸã¨ã—ã¦ã€ js å´ã§æ›´æ–°å‡¦ç†ã‚’書ãã¨ãã«ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«æ›¸ãã¾ã™ã€‚ $('.update').on('click', function () { // update å‡¦ç† }) ã§ã‚‚ã“ã‚Œã ã¨å•é¡Œã«ãªã‚‹ã‚±ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚よãã‚ã‚‹ã®ãŒã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ‘ーã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒåˆ†æ¥ã—ã¦ã„ã¦ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ‘ーãŒãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã« class åを変ãˆã¦ã—ã¾ã„ js ãŒå‹•ã‹ãªããªã‚‹ãƒ‘ターン。分æ¥ã›ãšã«ä¸€äººã§å…¨éƒ¨ã‚„ã£ã¦ãŸã¨ã—ã¦ã‚‚ã€æ™‚é–“ãŒçµŒã¤ã«ã¤ã‚Œä½¿ã£ã¦ã„ã‚‹ class å㌠js ã ã‘ã§ä½¿ã£ã¦ã„ã‚‹ã®ã‹ã€css ã§ã‚‚使ã£ã¦ã„ã‚‹
CSS3ã§è©²å½“ã™ã‚‹ã‚¯ãƒ©ã‚¹åã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åæ˜ ã•ã›ã‚‹æ–¹æ³•
{{#tags}}- {{label}}
{{/tags}}