[B! jquery] rightgo09ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

rightgo09 id:rightgo09

jqueryã«é–¢ã™ã‚‹rightgo09ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

jQueryã®ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ã®å‚¾å‘ã¨å¯¾ç– â€” KaoriYa
Webé–‹ç™ºã«ã¨ã¦ã‚‚ä¾¿åˆ©ãªjQueryã§ã™ãŒã€ å®Ÿã¯ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ã‚’èª˜ç™ºã—ã‚„ã™ã„æ§‹é€ ã§ã‚ã‚‹ã“ã¨ã¯ ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã‚ˆã†ã§ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ãŒç™ºç”Ÿã™ã‚‹å‚¾å‘ã¨å¯¾ç–ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ çš†ã•ã‚“jQueryã¯ä½¿ã£ãŸã“ã¨ã‚ã‚Šã¾ã™ã‚ˆãã€‚Webã§ã®é–‹ç™ºã§ã¯ã¨ã¦ã‚‚ä¾¿åˆ©ã§ã€ã»ã¼å¿…é ˆã¨è¨€ã£ã¦ã‚‚éŽè¨€ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã—ã‹ã—ãªãŒã‚‰ã“ã®jQueryã¯ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ã‚’èª˜ç™ºã—ã‚„ã™ã„æ§‹é€ ã§ã‚ã‚‹ã“ã¨ã¯ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ GCã®ã‚ã‚‹JavaScriptã§ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ãŒç™ºç”Ÿã™ã‚‹ã¨ã¯ä½•ã‚’è¨€ã£ã¨ã‚‹ã‚“ã ã€ã¨æ€ã‚ã‚Œã‚‹å‘ãã‚‚ã‚ã‚‹ã‚„ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã—ã‹ã—GCãŒã‚ã£ã¦ã‚‚ã€ã‚‚ã†ä½¿ã‚ãªããªã£ãŸã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’é…åˆ—ã‚„ãƒ†ãƒ¼ãƒ–ãƒ«(Object)ã«ã—ã¾ã„ã“ã‚“ã§ã„ã¦ã€ãã‚Œã‚’å›žåŽã™ã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãŒå˜åœ¨ã—ãªã‘ã‚Œã°ç©ã‚‚ã‚Šç©ã‚‚ã£ã¦ãƒ¡ãƒ¢ãƒªã‚’åœ§è¿«ã™ã‚‹ã€ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ã¨ãªã‚Šã†ã‚‹ã¨ã„ã†ã®ã¯æƒ³åƒã«é›£ããªã„ã§ã—ã‚‡ã†ã€‚jQueryã§èµ·ã“ã‚Šã†ã‚‹ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ã¯ãã®ã‚ˆã†ãª
rightgo09 2014/03/29
jquery

tips
ãƒªãƒ³ã‚¯
ãƒ–ãƒã‚°
é•·å´Žåœ¨ä½ã€ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®WordPress ãƒ†ãƒ¼ãƒž / ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã€‚ å¤šæ•°ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§é–‹ç™ºãƒ»å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ç¾åœ¨ã¯ WordPress æœ‰æ–™ãƒ†ãƒ¼ãƒž Snow Monkey ã‚’é–‹ç™ºãƒ»è²©å£²ã—ã¦ã„ã¾ã™ã€‚WordPress ã®åœ°åŸŸã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ WordBench é•·å´Žã®ãƒ¢ãƒ‡ãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚‚è¡Œã£ã¦ã¾ã™ï¼ˆWordPress ã¸ã®è²¢çŒ®ï¼‰ã€‚
rightgo09 2012/11/23
$('#hoge').get(0).scrollHeightã§ã¨ã‚Œã¾ã—ãŸï¼

jquery
ãƒªãƒ³ã‚¯
IEã§ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸæ™‚ã«å‡ºã‚‹ç‚¹ç·šã‚’æ¶ˆã™jQuery | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã©ã†ã‚‚ï¼ã“ãªã„ã ã®æ¡ˆä»¶ã®IEå¯¾å¿œã§ã€ã¦ã‚“ã‚„ã‚ã‚“ã‚„ã—ã¾ã—ãŸã€‚ ã¯ã‚„ã¡ã§ã™ ((((((â””(:Dï½£ â”Œ)â”˜)))))) ä½•ãŒèµ·ããŸã‹ã¨ã„ã„ã¾ã™ã¨â€¦ ( ^o^)ï¼œã‚ˆãƒ¼ã—ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ããŸã¡ã‚‡ãƒ¼ãã‚Œãƒ¼â˜† ï¼ˆ Ë˜âŠ–Ë˜ï¼‰ã€‚o(IEå¤§ä¸ˆå¤«ã‹ãª) | IE | â”—(â˜‹ï½€ )â”“ä¸‰ ( IE â— â€¿â— )â˜› ã€Žè²´æ§˜ãƒƒï¼ã‚¯ãƒªãƒƒã‚¯æ™‚ã€ãƒªãƒ³ã‚¯ã«ç‚¹ç·šãŒå‡ºã‚‹äº‹ã«æ°—ãŒä»˜ã„ãŸãªãƒƒï¼ã€ â–‚â–…â–‡â–ˆâ–“â–’â–‘(â€™Ï‰â€™)â–‘â–’â–“â–ˆâ–‡â–…â–‚ã†ã‚ã‚ã‚ããããã‚ã‚ã‚ ã¨ã„ã†ã®ãŒèµ·ãã¾ã—ãŸã€‚ ï¼ˆ Ë˜âŠ–Ë˜ï¼‰ã€‚o(ã‚‚ã—ã‹ã—ã¦ï¼šcssæ›¸ãå¿˜ã‚Œã‹ãªï¼Ÿã€€a{outline:none;}ã€€ã‹ã‘ãŸã‹ã‚‰å¤§ä¸ˆå¤«ã‹ãªï¼Ÿ) | IE | â”—(â˜‹ï½€ )â”“ä¸‰ ( IE â— â€¿â— )â˜› ã€ŽFirefoxã€Chromeã¯ã‚„ã‚‰ã‚ŒãŸãŒä¿ºã¯ã“ã‚“ãªã‚‚ã®ã«ã‚„ã‚‰ã‚Œã¦ãŸã¾ã‚‹ã‹ãƒƒï¼ã€ â–‚â–…â–‡â–ˆâ–“â–’â–‘(â€™Ï‰â€™)â–‘â–’â–“â–ˆâ–‡â–…â–‚ã†ã‚ã‚ã‚ããããã‚ã‚ã‚åŠ¹ã‹ãªã„ã„ã„ã„ã„ ã ã‚ã§ã—ãŸ(â€˜ï½¤3_ãƒ½)_ èª¿ã¹
rightgo09 2012/11/01
ie

jquery
ãƒªãƒ³ã‚¯
jQuery 1.9 æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ | js STUDIO
ã“ã®ã‚µã‚¤ãƒˆã«ã¤ã„ã¦ jQueryã®æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚ jQueryã®æœ¬å®¶ã‚µã‚¤ãƒˆ(è‹±æ–‡) ã®å†…å®¹ã‚’ç¿»è¨³ã—ã¦ä½œæˆã—ã¦ã„ã¾ã™ãŒã€èª¤è¨³ã‚„èª¤è¨˜ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ãã®ç‚¹ã«ã¤ã„ã¦ã¯ã”äº†æ‰¿ãã ã•ã„ã€‚ ã‚‚ã—ã€èª¤è¨³ãªã©ã®é–“é•ã„ã‚’è¦‹ã¤ã‘ã¾ã—ãŸã‚‰ã€ @tomof ã¾ã§æ•™ãˆã¦ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ News 2013.03.13 ver1.9ã®å†…å®¹ã«æ›´æ–°ã—ã¾ã—ãŸã€‚ 2012.12.02 jQueryã®ä¼¼ã¦ã„ã‚‹APIã¾ã¨ã‚ 2012.10.13 ã‚µã‚¤ãƒˆã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã—ã¾ã—ãŸã€‚ API APIã®ã‚«ãƒ†ã‚´ãƒªãƒ¼åˆ†ã‘ã«ã¤ã„ã¦ã¯ã€æœ¬å®¶ã‚µã‚¤ãƒˆã§ã¯1ã¤ã®APIãŒè¤‡æ•°ã®ã‚«ãƒ†ã‚´ãƒªãƒ¼ã«æ‰€å±žã—ã¦ã„ã¾ã™ãŒã€ ã“ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã¯åˆ†ã‹ã‚Šã‚„ã™ã•ã‚’é‡è¦–ã—ã¦1ã¤ã®ã‚«ãƒ†ã‚´ãƒªãƒ¼ã«çµžã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ä¸€éƒ¨æœ¬å®¶ã‚µã‚¤ãƒˆã®ã‚«ãƒ†ã‚´ãƒªãƒ¼ã‚’å‰Šã‚Šã€åˆ¥ã®ã‚«ãƒ†ã‚´ãƒªãƒ¼ã«æ‰€å±žã•ã›ã¦ã„ã‚‹APIãŒã‚ã‚Šã¾ã™ã®ã§ã€ äºˆã‚ã”äº†æ‰¿ãã ã•ã„ã€‚ Ajax Ajaxã«é–¢ã™ã‚‹å‡¦ç† Attri
rightgo09 2012/10/14
jquery
ãƒªãƒ³ã‚¯
iOSã¨Androidã«æœ€é©åŒ–ã—ãŸJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒjqMobiã€ç™»å ´ã€‚jQuery Mobileã‚ˆã‚Šå°ã•ãã¦é«˜é€Ÿ
iOSã¨Androidã«æœ€é©åŒ–ã—ãŸJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒjqMobiã€ç™»å ´ã€‚jQuery Mobileã‚ˆã‚Šå°ã•ãã¦é«˜é€Ÿ jQuery Mobileã¨åŒæ§˜ã«ã€HTML5ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’å®Ÿç¾ã™ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒjqMobiã€ã®Î²ç‰ˆãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ jqMobiã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã¯ã€jQueryã¨jQuery Mobileã®æ©Ÿèƒ½ã®ã‚µãƒ–ã‚»ãƒƒãƒˆã‚’ã€iOSã¨Androidå‘ã‘ã«æœ€é©åŒ–ã—ãŸã‚‚ã®ã¨ã„ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ ã™ã§ã«jQueryã‚„jQuery Mobileã€ã‚ã‚‹ã„ã¯Sencha Touchãªã©ã€ã•ã¾ã–ã¾ãªãƒ¢ãƒã‚¤ãƒ«å‘ã‘HTML5/JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒç™»å ´ã™ã‚‹ä¸ã§ã€jqMobiã®ç‰¹å¾´ã¯ã©ã“ã«ã‚ã‚‹ã®ã‹ã€ãƒ–ãƒã‚°ã§æ¬¡ã®ã‚ˆã†ã«èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚ jQuery - still focuses on the desktop.
rightgo09 2012/01/18
jquery
ãƒªãƒ³ã‚¯
ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç„¡é§„ã«å‡„ã„ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…å‡ºæ¥ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»Chop Slider - ã‹ã¡ã³ã¨.net
å®Ÿç”¨æ€§ã¯åˆ¥ã«ã—ã¦ã€ã“ã†ã„ã†ã®å«Œã„ã˜ã‚ƒãªã„ ã®ã§è¨˜äº‹ã«ã—ã¾ã™ã€‚ã‚ˆãã‚ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ ãªã‚“ã§ã™ãŒã€ç”»åƒãŒå¤‰ã‚ã‚‹éš›ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒ ç„¡é§„ã«å‡ã£ã¦ã„ã¾ã™ï¼ˆè¤’ã‚è¨€è‘‰ã§ã™ï¼‰ã€‚ã“ã‚“ãª äº‹ã‚‚flashã‚’ä½¿ã‚ãªã„ã§å‡ºæ¥ã‚‹ã‚“ã ãªãƒ¼ã€ã¨ ç´ ç›´ã«é–¢å¿ƒã—ãŸã®ã§ã€åŒã˜æ°—æŒã¡ã§è¦‹ã¦ é ‚ã‘ãŸã‚‰å¬‰ã—ã„ã§ã™ã€‚ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ã‹ãªã‚Šå¤šãç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ã©ã‚Œã‚‚ãªã‹ãªã‹æ´¾æ‰‹ãªå°è±¡ã§ã™ã€‚ã“ã‚Œã ã‘ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã•ã›ã¦ã„ã‚‹ã®ã‚‚ã¡ã‚‡ã£ã¨é©šãã§ã™ã€‚â€»IE6ã«ã‚‚å¯¾å¿œã¨ã‚ã‚‹ã®ã§ã™ãŒã€ç¾åœ¨è«¸äº‹æƒ…ã§ç¢ºèªå‡ºæ¥ã¾ã›ã‚“ã®ã§å¯¾å¿œã—ã¦ãªã‹ã£ãŸã‚‰ã”ã‚ã‚“ãªã•ã„ã€‚ ãˆã‚‰ã„ã“ã£ã¡ã‚ƒãƒ»ãƒ»ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã°ã‹ã‚Šã§ã™ã€‚ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ã‹ãªã‚Šã®æ•°ãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ï¼‘ã¤ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚ç´°ã‹ã„è¨å®šãŒå¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ä¸€éƒ¨ã‚’ç„¡è¨€ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ãƒ’ãƒ¼ãƒãƒ¼ã¨ã‹ã®å¤‰èº«ã‚·ãƒ¼ãƒ³ã¿ãŸã„ãªæ„Ÿè¦šã§ã™ãƒ»ãƒ»å®Ÿéš›ã«å‹•ãã‚’è¦‹ã¦ã‚‚ã‚‰ã†ã¨ã€ã„ã‹ã«ç„¡é§„ã«ã™ã”ã„å‹•ãã‹
rightgo09 2011/08/12
24ç•ªãŒä¸€ç•ªå¥½ãï½—ï¼åˆ¥ã«ã€Œç„¡é§„ã«ã€ã£ã¦ã“ã¨ã¯ãªã„ã¨æ€ã†ã‘ã©ãªã€‚

jquery
ãƒªãƒ³ã‚¯
jQuery.getJSON()ã§åˆ¥ãƒ‰ãƒ¡ã‚¤ãƒ³ã®JSONPãªãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚€æ™‚ã®æ³¨æ„ - kanonjiâ€™s diary
jQuery.getJSON(url, data, callback); $.getJSON(url, data, callback); jQuery1.2ä»¥é™ã§ã€ã‹ã¤APIå´ãŒå¯¾å¿œ*1ã—ã¦ã„ã‚Œã°ã§ã™ãŒã€jQuery.getJSON() ã§åˆ¥ãƒ‰ãƒ¡ã‚¤ãƒ³ã«ã‚ã‚‹JSONPãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚ã¾ã™ã€‚ JSONPã‚’è¿”ã™APIã¨ã„ã†ã®ã¯ã€ã©ã“ã‹ã«ä»•æ§˜ãŒã‚ã‚‹ã®ã‹æš—é»™ã®ç¿’æ…£ãªã®ã‹ã¯çŸ¥ã‚‰ãªã„ã‘ã©ã€APIã®URIã« callback=foo*2 ã¨ã„ã£ãŸå¼•æ•°ã‚’ä»˜ã‘ã‚‹äº‹ã«ãªã‚Šã¾ã™ã€‚ jQuery.getJSON() ã§ã‚‚callback=? ã‚’ã¤ã‘ã‚‹ã¨èª¬æ˜Žã™ã‚‹è¨˜äº‹ãŒã¡ã‚‰ã»ã‚‰ã‚ã‚Šã¾ã™ãŒã€ã¡ã‚‡ã£ã¨èª¤è§£ã—ã‚„ã™ã„æ°—ãŒã—ã¾ã™ã€‚ è‡ªåˆ†ã¯å‹˜é•ã„ã—ã¾ã—ãŸã€‚ $.getJSON('http://search.twitter.com/search.json?callback=?', { q: "#jquery" }, function
rightgo09 2011/07/04
jquery

tips
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33 1é¸ -2011å¹´5æœˆ | ã‚³ãƒªã‚¹
Skitter å¤šç¨®å¤šå°‘ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç”»åƒã‚’å¤‰æ›´ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€‚ ã‚ãƒ£ãƒ—ãƒãƒ£ã¯ã€Œcubeã€ã€ã‚ãƒ¥ãƒ¼ãƒ–çŠ¶ã«ãªã£ã¦å¤‰æ›´ã—ã¾ã™ã€‚
rightgo09 2011/06/01
jquery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
LavaLamp for jQuery lovers! | Ganeshji Marwaha
Click on the above image to land in the Lava Lamp Demo page. Then, hover over itÂ and feel for yourself, the nifty effect that Lava Lamp offers. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash â€“ Donâ€™t you? Especially considering the fact that it is extremely light wei
rightgo09 2011/05/24
ã™ã£ã’ã€‚ã€‚

jquery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ -2008å¹´ç·é›†ç·¨ | ã‚³ãƒªã‚¹
seekAttention æ³¨ç›®ç®‡æ‰€ã ã‘ãƒã‚¤ãƒ©ã‚¤ãƒˆã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¼·èª¿ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ»ãƒ‰ãƒ©ãƒƒã‚°ãªã©æ“ä½œé–¢é€£ã®jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
rightgo09 2011/05/24
ã‚‚ã†ãªã‚“ã§ã‚‚ã§ãã‚‹æ°—ãŒã—ã¦ããŸã€‚

jquery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã€ŒãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQueryå…¥é–€ã€ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒå‡„ãåˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã - ã‹ã¡ã³ã¨.net
Twitterã«æµã‚Œã¦ããŸã‚¹ãƒ©ã‚¤ãƒ‰ãŒã¨ã£ã¦ã‚‚ åˆ†ã‹ã‚Šã‚„ã™ã‹ã£ãŸã®ã§ãƒ–ãƒã‚°ã§ã‚ˆã‚Šå¤šã ã®æ–¹ã«æ‹¡æ•£ã€‚ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘ã® jQueryã®åŸºæœ¬è¬›åº§ã€‚ã“ã‚Œã‹ã‚‰jQuery ã‚’ä½¿ãŠã†ã€ã¨ã„ã†æ–¹ã¯èªã‚“ã§ãŠãã¨è‰¯ã• ãã†ã§ã™ãã€‚ ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘ã«jQueryã®åŸºç¤Žã‚’ã‚¹ãƒ©ã‚¤ãƒ‰åŒ–ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ @pocotan001ã•ã‚“ä½œã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’è¦‹ãªãŒã‚‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã€ã¨ã„ã†ã‚ˆã‚Šã€åŸºç¤ŽçŸ¥è˜ã‚’é ã«å…¥ã‚Œã‚‹ã®ã«é©ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã ã¨æ€ã„ã¾ã™ã®ã§æ°—è»½ã«ã”è¦§ã«ãªã£ã¦ã¿ã¦ä¸‹ã•ã„ã€‚ãƒãƒ¼ãƒ‰ãƒ«ãŒã‹ãªã‚Šä¸‹ãŒã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€å½“ãƒ–ãƒã‚°ã§ã‚‚jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç‰ã®æƒ…å ±ã‚’å–ã‚Šã‚ãˆã’ã¦ã„ã¾ã™ã®ã§åˆã‚ã›ã¦ã©ã†ãžã€‚ jQueryã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚µã‚¤ãƒˆã¨å…¥é–€æ›¸ç± [2011.09.21ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ] ã‚ˆãã‚¢ã‚¯ã‚»ã‚¹ã„ãŸã ãã®ã§ãƒãƒ–çš„ãªå½¹å‰²ãã‚‰ã„ã¯æžœãŸãã†ã¨æ€ã„ã¾ã™ã€‚ jquery / jQueryã®æœ¬å®¶ã§ã™ã€‚ jQuer
rightgo09 2011/04/21
jquery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†ç´ æ•µãªå‹•ãã‚’æ‰‹è»½ã«å®Ÿè£…ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQueryã€ã€‚jQueryã«ã¯å¤šãã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒæƒã£ã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã—ã§å®Ÿè£…ã§ãã‚‹jQueryã®å°æŠ€ã‚’ç´¹ä»‹ã—ã¾ã™ï¼ã€ŒjQueryã£ã¦ãªã‚“ã ï¼Ÿã€ã¨ã„ã†äººã‚‚ã‚³ãƒ”ãƒšã§å®Ÿè£…ã§ãã¾ã™ã‚ˆï¼ã‚µãƒ³ãƒ—ãƒ«ã‚‚ç”¨æ„ã—ãŸã®ã§ãœã²ã”è¦§ãã ã•ã„ï¼ è¿½è¨˜ï¼šã“ã®è¨˜äº‹ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã„ãã¤ã‹ã®æ–¹æ³•ãŒã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…å¯èƒ½ã§ã™ï¼è©³ã—ãã¯ã€Œã‹ã¤ã¦ã¯ JavaScript ã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…ã§ãã‚‹ 10 ã®å°æŠ€ã€ã‚’ã”è¦§ãã ã•ã„ã€‚ jQuery ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ãšã¯jQuery æœ¬å®¶ã‹ã‚‰ jQuery ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚<head> å†…ã«ä¸‹è¨˜ã‚’è¨˜è¿°ã—ã€jQuery ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src
rightgo09 2011/01/24
jquery

tips

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ã‚³ãƒ³ä»˜ãã§è‡ªç”±ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹selectãƒœãƒƒã‚¯ã‚¹å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.superselectã€:phpspoté–‹ç™ºæ—¥èªŒ
ã‚¢ã‚¤ã‚³ãƒ³ä»˜ãã§è‡ªç”±ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹selectãƒœãƒƒã‚¯ã‚¹å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.superselectã€ 2010å¹´11æœˆ29æ—¥- jQuery.superselect ã‚¢ã‚¤ã‚³ãƒ³ä»˜ãã§è‡ªç”±ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹selectãƒœãƒƒã‚¯ã‚¹å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.superselectã€ã€‚ ä»¥ä¸‹ãŒæ™®é€šã®select ã§ã™ãŒâ€¦ã€‚ ä½¿ç”¨å¾Œã¯æ¬¡ã®ã‚ˆã†ã«ãƒ•ã‚¡ãƒ³ã‚·ãƒ¼ãªæ„Ÿã˜ã«ã€‚ ãªã‚“ã‹ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã¨selectãƒœãƒƒã‚¯ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«çµ±ä¸€æ„ŸãŒãªã„ã¨ã„ã†ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ã‚„ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä»˜ã‘ã¦ã‚ã‹ã‚Šã‚„ã™ãé¸æŠžã—ã¦ã‚‚ã‚‰ã„ãŸã„å ´åˆã«ä½¿ãˆãã†ã§ã™ãã€‚ <option>ã‚¿ã‚°ã®relå±žæ€§ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¨å®šã—ã¦ãŠã„ã¦ã€$(element).superselect() ã¨ã‚„ã‚‹ã¨å®Ÿç¾ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã«å„ªã‚ŒãŸã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«é›† æ–¬æ–°ãªã‚³ãƒ¡ãƒ³ãƒˆãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³é›†
rightgo09 2010/11/29
ã¨ã¦ã‚‚ç´ æ•µï¼

jquery
ãƒªãƒ³ã‚¯
jQueryã§optionè¦ç´ ã‚’è¿½åŠ ã—ãŸéš›ã®è«¸å•é¡Œ - ã‚€ã¤ã‚‰ã¤ã‚Œã¥ã‚Œ
jQueryã§ä»»æ„ã®optionè¦ç´ ã‚’è¿½åŠ ã™ã‚‹ã«ã¯ã€append()ã‚„prepend()ã‚’åˆ©ç”¨ã™ã‚‹ã®ãŒæ‰‹è»½ã€‚ $('#target').append($('<option>').attr({ value: 'xxx' }).text('xxxxxxx')); ã ãŒã€ã“ã®æ“ä½œã¯IEã®å ´åˆã«å•é¡ŒãŒç”Ÿã˜ã‚‹ã€‚v1.1.3.1ä»¥å‰ã§ã¯optionè¦ç´ ã‚’è¿½åŠ ã—ã¦ã‚‚å¹…ãŒèª¿æ•´ã•ã‚Œãªã„ä¸å…·åˆãŒã‚ã‚Š*1ã€v1.2.3ã§ã¯optionè¦ç´ ã‚’å¢—ã‚„ã—ãŸç›´å¾Œã«ãã®valueå€¤ã‚’val()ã§è¨å®šã—ã‚ˆã†ã¨ã™ã‚‹ã¨ã€ ã€Œselected ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’è¨å®šã§ãã¾ã›ã‚“ã§ã—ãŸã€‚ æœªå®šç¾©ã®ã‚¨ãƒ©ãƒ¼ã§ã™ã€ ã¨ã„ã†ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚¨ãƒ©ãƒ¼ãŒç™ºç”Ÿã™ã‚‹*2ã€‚ã“ã‚Œã‚‰ã®å•é¡Œã¯selectè¦ç´ ã”ã¨ä½œã‚Šç›´ã—ã¦ã—ã¾ã†ã“ã¨ã§å›žé¿ã§ãã‚‹ã€‚ $('#target').after($('#target').clone()); $('#target').remove()
rightgo09 2010/10/14
ã™ã”ã„ã€‚ã»ã‚“ã¨ã«cloneâ†’afterâ†’removeã§è§£æ±ºã—ãŸã€‚æ„Ÿè¬ã€‚

jquery

tips
ãƒªãƒ³ã‚¯
Inset Border Effect
Inset Border Effect jQuery Plugin by Robin Thrift This plugin puts a border around the targeted elements (typically images), but unlike normal CSS borders it covers up part of the image. When the element is hovered over, the border animates to the sides, revealing the whole image. DOWNLOAD v1.0 Usage Simple: $("img").insetBorder(); All options: $("img").insetBorder({ speed : 1000, // 1000 = 1 seco
rightgo09 2010/08/15
jquery

css

ç”»åƒ
ãƒªãƒ³ã‚¯
ã‚ãªãŸã®Webã‚’å…¥åŠ›ã—ã‚„ã™ãã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³10é¸
ã‚ãªãŸã®Webã‚’å…¥åŠ›ã—ã‚„ã™ãã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³10é¸ï¼šCSSã®æ›¸ãæ–¹ã‚‚åˆ†ã‹ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³å®Ÿè·µæ´»ç”¨æ³•ï¼ˆçµ‚ï¼‰ï¼ˆ1/5 ãƒšãƒ¼ã‚¸ï¼‰ jQueryã¨ã€ãã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½¿ã„æ–¹ã‚’ã€UIåŠ¹æžœï¼ˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆï¼‰ã®ãƒ†ãƒ¼ãƒžã”ã¨ã«ç´¹ä»‹ã™ã‚‹é€£è¼‰ã€‚jQuery/JavaScript/HTMLã‚³ãƒ¼ãƒ‰ã ã‘ã§ã¯ãªãã€CSSã®æ›¸ãæ–¹ã‚‚è§£èª¬ã™ã‚‹ã“ã¨ã§ã€ã‚ˆã‚Šå®Ÿè·µçš„ã«jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ãŸã‚ã®å‚è€ƒãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«ãªã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ å‰å›žã®ã€Œç”»åƒã‚„å‹•ç”»ã‚’ç¶ºéº—ã«å›žè»¢/æ‹¡å¤§ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ã§ã¯ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å›žè»¢ã•ã›ãŸã‚Šã‚ºãƒ¼ãƒ ã‚¤ãƒ³ã™ã‚‹ã€ŒjCarouselã€ã€ŒZoomboxã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½¿ã„æ–¹ã‚’è§£èª¬ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½¿ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®å„ç¨®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ï¼ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã€ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒªã‚¹ãƒˆã€ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ï¼ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚«ãƒ†ã‚´ãƒªåˆ¥ã«åˆ†é¡žã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚
rightgo09 2010/06/18
JavaScript

jquery
ãƒªãƒ³ã‚¯
ç¾åœ¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ã‚’ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«è¿‘ãã«ã¡ã‚‡ã“ã‚“ã¨å¯æ„›ãå‡ºã›ã‚‹ã€ŒprettyLoaderã€:phpspoté–‹ç™ºæ—¥èªŒ
ç¾åœ¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ã‚’ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«è¿‘ãã«ã¡ã‚‡ã“ã‚“ã¨å¯æ„›ãå‡ºã›ã‚‹ã€ŒprettyLoaderã€ 2010å¹´04æœˆ12æ—¥- prettyLoader | Stphane Caron ? No Margin For Errors ç¾åœ¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ã‚’ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«è¿‘ãã«ã¡ã‚‡ã“ã‚“ã¨å¯æ„›ãå‡ºã›ã‚‹ã€ŒprettyLoaderã€ é€šå¸¸ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã¨ã„ã†ã¨ã€ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®ä¸èº«ã«ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹GIFã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã‚“ã‹ãŒã¯ã„ã£ã¦ã„ãŸã‚Šã—ã¾ã™ãŒã€prettyLoaderã¯ãƒžã‚¦ã‚¹è¿½å¾“åž‹ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºå®Ÿè£…ç”¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ Windowsã§ã„ã†ç ‚æ™‚è¨ˆã¿ãŸã„ãªæ‰±ã„ã§ã™ãŒã€ã©ã‚“ãªãƒšãƒ¼ã‚¸ã«ã‚‚é•å’Œæ„Ÿãªã„å®Ÿè£…ãŒå¯èƒ½ã§ã€å¿œç”¨ç¯„å›²ãŒåºƒãã†ã§ã™ã€‚ æ¬¡ã®ã‚ˆã†ãªã€æ¯”è¼ƒçš„å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ Firefox 2.0+ Safari 3.1.1+ Opera 9+ Internet Explo
rightgo09 2010/04/12
webãƒ‡ã‚¶ã‚¤ãƒ³

jquery

JavaScript
ãƒªãƒ³ã‚¯
1