jQueryã§ç¾åœ¨ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã®å–å¾—ã¨åˆ¤å®šã‚’ã—ã¦å‡¦ç†ã‚’変ãˆã‚‹ã‚„ã‚Šæ–¹ – bl6.jpjQueryã§ç¾åœ¨ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã®å–å¾—ã¨åˆ¤å®šã‚’ã—ã¦å‡¦ç†ã‚’変ãˆã‚‹ã‚„ã‚Šæ–¹ã§ã™ã€‚レスãƒãƒ³ã‚·ãƒ–Webデザインã«ã‚‚活用ã§ãã‚‹ã®ã§è¦šãˆã¦ãŠãã¨å½¹ç«‹ã¤ã‹ã¨æ€ã„ã¾ã™ã€‚例ãˆã°ã€ç”»é¢å¹…ãŒ500px以下ã®å ´åˆã«ã ã‘é©ç”¨ã—ãŸã„ã¨ã„ã£ãŸã“ã¨ãŒjQueryを使ãˆã°ã¨ã¦ã‚‚ç°¡å˜ã«ã§ãã‚‹ã®ã§ä¾¿åˆ©ã§ã™ã。 width()を使ㆠウィンドウサイズをå–å¾—ã™ã‚‹ã«ã¯width()を活用ã—ã¦ã„ãã¾ã™ã€‚以下ã¯500px以下ã®å ´åˆã€æ–‡å—ãŒèµ¤ã«å¤‰ã‚る例ã§ã™ã€‚ <script> $(function() { var w = $(window).width(); var x = 500; if (w <= x) { $('#sample').css({ color: 'red' }); } }); </script> HTML <p id="sample">サンプル</p> ãŸã ã—ã€ã“ã‚Œã ã¨ç”»é¢ã‚’èªã¿è¾¼ã‚“ã 時点ã§ã®ã‚µã‚¤ã‚ºã§åˆ¤å®šã•ã‚Œã‚‹ã®ã§ã€èª
jQueryã®if文を使ã£ã¦ã‚¿ã‚°ã‚„クラスåã«ã‚ˆã£ã¦æ¡ä»¶åˆ†å²ã™ã‚‹ã‚„ã‚Šæ–¹ – bl6.jp
{{#tags}}- {{label}}
{{/tags}}