jQueryã®ã€Œ$ã€ã‚„セレクタãªã©ã‚’サãƒãƒ¼ãƒˆã€jQueryã®ä»£æ›¿ã¨ã—ã¦åˆ©ç”¨ã§ãる超軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -SelectorjQueryã¯ç¢ºã‹ã«ä¾¿åˆ©ã§ã™ãŒã€ã™ã¹ã¦ã®æ©Ÿèƒ½ãŒå¿…è¦ã‹ã¨è¨€ã‚れれã°ã€ãã†ã§ã¯ãªã„人ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ 「$ã€ã‚„セレクタãªã©ã€jQueryã®æ©Ÿèƒ½ã‚’サãƒãƒ¼ãƒˆã—ãŸjQueryã®ä»£æ›¿ã¨ã—ã¦åˆ©ç”¨ã§ãる超軽é‡ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ Selector -GitHub 最新ã®jQueryã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯ã€ä¸‹è¨˜ã®é€šã‚Šã€‚ jquery-3.2.1.js 270 KB jquery-3.2.1.min.js 90 KB ãã—ã¦ã€Selectorã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯ã€1/4ä»¥ä¸‹ï¼ selector.js 65 KB selector.min.js 17 KB ã‚‚ã¡ã‚ã‚“ã€jQueryã®æ©Ÿèƒ½ã™ã¹ã¦ãŒåˆ©ç”¨ã§ãã‚‹ã®ã§ã¯ãªãã€ã‚ªãƒ–ジェクトやセレクタや関数ã«é™ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹jQueryã®æ©Ÿèƒ½ サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹jQueryオブジェクト $ サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹jQueryセレクタ add addClass
jQueryã§æ¥½ã«ãªã‚‹éƒ¨åˆ†ã€æ¥½ã«ãªã‚‰ãªã„部分ã€é¡§å®¢ãŒæœ¬å½“ã«å¿…è¦ã ã£ãŸã‚‚ã® - Qiita
You Don't Need jQuery - Qiita
「SEO×SNS×ブãƒã‚°ã€ã§ä½œã‚‹æœ€åŠ¹çŽ‡åŒ–åŽç›Šã‚·ã‚¹ãƒ†ãƒ ｜ã†ãã ã„らブãƒã‚°Î²
jQueryã‹ã‚‰é›¢ã‚Œã‚‹ãŸã‚ã®JavaScript代替ライブラリã¾ã¨ã‚
2015å¹´ç·ã¾ã¨ã‚ã€jQueryã®ãƒ—ラグインã¨ã‚¹ã‚¯ãƒªãƒ—ト100é¸
æ¼¢ã¯é»™ã£ã¦jQuery
[JS]縦長ページã«é¢ç™½ã„仕掛ã‘や便利ãªæ©Ÿèƒ½ã‚’実装ã§ãるスクリプトã®ã¾ã¨ã‚![[JS]縦長ページã«é¢ç™½ã„仕掛ã‘や便利ãªæ©Ÿèƒ½ã‚’実装ã§ãるスクリプトã®ã¾ã¨ã‚](https://cdn-ak-scissors.b.st-hatena.com/image/square/12d806b696946054b69c1dc3670ffa2dc1985773/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015112505.png)
jQueryã¨CSSã®transitionã§å¯è¦–範囲ã«å…¥ã£ã¦ã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹æ–¹æ³•
çŸæœŸé–“ã§ã‚る程度ã¾ã§jQueryãŒã§ãるよã†ã«ãªã‚‹ç‹¬å¦Webデザイン勉強法を書ã„ã¦ã¿ã‚‹ - Yukihy Life
高機能ファイルアップãƒãƒ¼ãƒ‰jQueryプラグイン｜ドラッグ＆ドãƒãƒƒãƒ—ã€ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã€ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªã€ãƒ“デオã€å„種ファイルサãƒãƒ¼ãƒˆå¯¾å¿œ
[JS]アニメーションãŒæ°—æŒã¡ã„ã„ï¼ã‚µã‚¤ã‚ºãƒ»ã‚«ãƒ©ãƒ¼ãƒ»å½¢ã‚’変ãˆã‚‰ã‚Œã‚‹ç´™ã‚’メタファã«ã—ãŸãƒœã‚¿ãƒ³ã‚’実装ã§ãるスクリプト -Quttons![[JS]アニメーションãŒæ°—æŒã¡ã„ã„ï¼ã‚µã‚¤ã‚ºãƒ»ã‚«ãƒ©ãƒ¼ãƒ»å½¢ã‚’変ãˆã‚‰ã‚Œã‚‹ç´™ã‚’メタファã«ã—ãŸãƒœã‚¿ãƒ³ã‚’実装ã§ãるスクリプト -Quttons](https://cdn-ak-scissors.b.st-hatena.com/image/square/732285fae252960d582f0d7d1f3f578a0f23f796/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015061608.gif)
ページやブãƒãƒƒã‚¯è¦ç´ ã®åˆ‡ã‚Šæ›¿ãˆãŒã‹ã£ã“ã„ã„プラグイン6é¸ï¼ˆjQuery・JSãªã©ï¼‰ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
[JS]ã¡ã‚‡ã£ã¨ã—ãŸã‚¢ã‚¤ãƒ‡ã‚¢ã®ç©ã¿é‡ããŒç´ 晴らã—ã„ï¼ç”»åƒã‚’拡大表示ã™ã‚‹ã‚·ãƒ³ãƒ—ルãªã‚¹ã‚¯ãƒªãƒ—ト -Zoom.js![[JS]ã¡ã‚‡ã£ã¨ã—ãŸã‚¢ã‚¤ãƒ‡ã‚¢ã®ç©ã¿é‡ããŒç´ 晴らã—ã„ï¼ç”»åƒã‚’拡大表示ã™ã‚‹ã‚·ãƒ³ãƒ—ルãªã‚¹ã‚¯ãƒªãƒ—ト -Zoom.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/d408ea9798d5866f690b92bcfb70e29e4a50a739/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015051309.png)
[JS]ã“ã‚Œã¯ä¾¿åˆ©ï¼YouTubeã®å‹•ç”»ã‚’ã¯ã˜ã‚ã€Vineã‚„TEDã‚„CodePenやツイートやPDFã‚„Googleマップã¾ã§ç°¡å˜ã«ãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã‚るスクリプト -Embed.js![[JS]ã“ã‚Œã¯ä¾¿åˆ©ï¼YouTubeã®å‹•ç”»ã‚’ã¯ã˜ã‚ã€Vineã‚„TEDã‚„CodePenやツイートやPDFã‚„Googleマップã¾ã§ç°¡å˜ã«ãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã‚るスクリプト -Embed.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7f1b78c4054290453044ec517a54e1f30348b63/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015041500.png)
今ã£ã½ããªã£ãŸï¼ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ãŠã•ãˆãŸjQuery プラグインã¾ã¨ã‚
jQueryã¯NGã¨è¨€ã‚ã‚ŒãŸæ™‚ã®ä¾¿åˆ©ãªãƒ¡ã‚½ãƒƒãƒ‰ - Qiita
[JS]ã‹ã£ã“ã„ã„ï¼ãƒ–ラウザやè¦ç´ ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚„スライドショーをアニメーションã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Vegas 2![[JS]ã‹ã£ã“ã„ã„ï¼ãƒ–ラウザやè¦ç´ ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚„スライドショーをアニメーションã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Vegas 2](https://cdn-ak-scissors.b.st-hatena.com/image/square/df5d3a30b733e55f7a58d3fb89e38ff656272054/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015031901-00.png)
[JS]スマホã§ã‚‚デスクトップã§ã‚‚å¿«é©ï¼æ°´å¹³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -horizonScroll.js![[JS]スマホã§ã‚‚デスクトップã§ã‚‚å¿«é©ï¼æ°´å¹³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -horizonScroll.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/87c79333735eb75d10033e33d194426b66f5def3/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015031609.png)
jQueryを使ã£ãŸ100ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã‚µãƒ³ãƒ—ルコードを一括é…布ã—ã¦ã„る・「jQuery Trickshotsã€
{{#tags}}- {{label}}
{{/tags}}