[B! jq] kupoeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kupoe id:kupoe

jqã«é–¢ã™ã‚‹kupoeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (81)

${{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ã¨ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯(prevObject) - è‰²ã€…ãªãƒ¡ãƒ¢ã€‚
jQueryã‚’ä½¿ã£ã¦è¦ç´ ã‚’è¿½åŠ ã—ãŸã‚Šæ¶ˆã—ãŸã‚Šã™ã‚‹ã¨ãã«ã€ç‰¹ã«æ„è˜ã›ãšæ›¸ã„ã¦ã„ãŸã‚‰ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯èµ·ã“ã—ã¡ã‚ƒã£ã¦ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ãŸã¨ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã€‚ addã‚’æŠ¼ã—ãŸã‚‰spanè¦ç´ ãŒå¢—ãˆã¦ã„ã£ã¦ã€nextã€prevã§é¸æŠžä¸ã®è¦ç´ ï¼ˆèµ¤è‰²ï¼‰ãŒå¤‰ã‚ã£ã¦ã„ãã€‚"remove unselected"ã§é¸æŠžä¸ã®è¦ç´ ä»¥å¤–ã®è¦ç´ ã‚’æ¶ˆã™ã€‚ ã“ã‚Œã§ä»¥ä¸‹ã®ã‚ˆã†ãªæ“ä½œã‚’ã™ã‚‹ã¨ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ã™ã‚‹ï¼ˆDOMã‹ã‚‰å‰Šé™¤ã•ã‚ŒãŸä¸è¦ãªè¦ç´ ãŒãƒ¡ãƒ¢ãƒªã«æ®‹ã‚Šç¶šã‘ã‚‹ï¼‰ã€‚ add ã‚’ä½•å›žã‹æŠ¼ã—ã¦è¦ç´ ã‚’è¶³ã™ next ã‚’ä½•å›žã‹æŠ¼ã—ã¦é¸æŠžè¦ç´ ã‚’å¤‰ãˆã‚‹ remove unselected ã‚’æŠ¼ã—ã¦é¸æŠžè¦ç´ ä»¥å¤–ã‚’å‰Šé™¤ åŽŸå› ã¯ã€jQueryã§next()ã‚„prev()ãªã©ã‚’ä½¿ã£ã¦ï¼ˆã‚ã‚‹ã„ã¯ä»–ã®ãƒ¡ã‚½ãƒƒãƒ‰ã§ã‚‚ã ãŒï¼‰è¦ç´ ã‚’æ¬¡ã€…ã¨ç§»ã£ã¦ã„ã£ãŸã¨ãã«ã€current.prevObject ã«ãã®å‰ã®è¦ç´ ã‚’ä¿æŒã—ã¦ã„ã‚‹ã›ã„ã§ã‚ã‚‹ã€‚ä»Šå›žã¯jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯
kupoe 2016/05/25
ã‚ã¨ã§èªã‚€

jq

memory
ãƒªãƒ³ã‚¯
jQueryé«˜é€ŸåŒ–ï¼å‡¦ç†é€Ÿåº¦ã‚’10å€ä¸Šã’ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯20é¸
Aircraft manuevers during an airpower deomonstration. / Official U.S. Navy Imagery Javascriputã‚’ç°¡å˜ã«æ›¸ã‘ã‚‹ã‚ˆã†ã«ã—ã¦ãã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®jQueryã§ã™ãŒã€ä½¿ã„æ–¹ã‚’ã¡ã‚‡ã£ã¨å¤‰ãˆã‚‹ã ã‘ã§ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«å¤§ããå·®ãŒã§ã¾ã™ã€‚ãƒã‚¤ã‚¹ãƒšãƒƒã‚¯PCã§ã¯åˆ†ã‹ã‚Šã¥ã‚‰ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚¹ãƒšãƒƒã‚¯ã®ä½Žã„PCã‚„ãƒ¢ãƒã‚¤ãƒ«ã§ã¯Webãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºé€Ÿåº¦ãŒé…ãã™ãã«é–‰ã˜ã‚‰ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ Webãƒšãƒ¼ã‚¸ãŒãŸã£ãŸ1ç§’é«˜é€ŸåŒ–ã™ã‚‹ã ã‘ã§ECã‚µã‚¤ãƒˆãªã‚“ã‹ã€å£²ä¸ŠãŒ10ï¼…å‘ä¸Šã—ãŸäº‹ä¾‹ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã“ã§ã€jQueryé«˜é€ŸåŒ–ã®ãƒã‚¤ãƒ³ãƒˆã‚„æ–¹æ³•ã‚’ã“ã“ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ jQueryã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’ä½¿ã† å›³1 jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚ˆã‚‹é€Ÿåº¦ https://jsperf.com/speed-comparison-of-jquery-vers
kupoe 2014/12/28
jq
ãƒªãƒ³ã‚¯
Checkboxes and radio buttons customization (jQuery and Zepto) plugin
super customized checkboxes and radio buttons for jQuery & Zepto iCheck v1.0.3 @Fronteed Plugin features Identical inputs across different browsers and devices â€” both desktop and mobile Touch devices support â€” iOS, Android, BlackBerry, Windows Phone, Amazon Kindle Keyboard accessible inputs â€” Tab, Spacebar, Arrow up/down and other shortcuts Screenreader accessible inputs â€” ARIA attributes for Voic
kupoe 2014/12/09
jq

plugin

design(w

checkbox
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼·ã—ã¦ã¿ã‚‹ â€“ #2 WebStorage | DevelopersIO
ãã‚“ãªè¨³ã§ã€HTML5ã®WebStorageã«è§¦ã‚Œã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚ â€»WebStorageã¨ä¸€è¨€ã§è¨€ã£ã¦ã‚‚ã€ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã¨ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ãŒã‚ã‚‹è¨³ã§ã™ãŒã€ä»Šå›žã¯ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ã„ãã¾ã™ã€‚ å‰ç½®ãã®ã‚ˆã†ãªã‚‚ã® ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æŒã¤ã‚¢ãƒ‰ãƒãƒ³ãƒ†ãƒ¼ã‚¸ã®ã²ã¨ã¤ã«ã€ã‚¢ãƒ—ãƒªç‰¹æœ‰ã®ãƒ‡ãƒ¼ã‚¿ã‚„çŠ¶æ…‹ã‚’æ°¸ç¶šçš„ã«ä¿å˜ã§ãã‚‹ã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã™ã€‚ ãã®æ–¹æ³•ã¯ã€iniãƒ•ã‚¡ã‚¤ãƒ«ã‚„XMLãƒ•ã‚¡ã‚¤ãƒ«ãªã©ã€ã„ãã¤ã‹ã®ç¨®é¡žãŒã‚ã‚Šã¾ã™ã€‚ å¯¾ã™ã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€Cookieã‚’ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã¨ã—ã¦ä½¿ã†ã®ãŒé•·ã‚‰ãä¸€èˆ¬çš„ã¨ã•ã‚Œã¦ãã¾ã—ãŸã€‚ ã—ã‹ã—ã“ã‚Œã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ¬ ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ Cookieã¯ã™ã¹ã¦ã®HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã«å«ã¾ã‚Œã‚‹ ãã®ãŸã‚ä¸è¦ãªãƒ‡ãƒ¼ã‚¿ã‚’æ¯Žå›žé€ä¿¡ã—ã¦ã—ã¾ã†ã®ã§ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ä½Žä¸‹ã‚’æ‹›ã SSLçŠ¶æ³ä¸‹ã§ãªã„é™ã‚Šãƒ‡ãƒ¼ã‚¿ãŒæš—å·åŒ–ã•ã‚Œãªã„ã®ã§ã€ä½•ã‹ã¨å±ãª
kupoe 2014/11/19
ç°¡æ˜“ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹çš„ã«ã¤ã‹ãˆã‚‹

js

jq

webstorage
ãƒªãƒ³ã‚¯
Safari4 ã¨ IE8 ã§å®Ÿè£…ã•ã‚ŒãŸ DOM Storage ã¨ã¯ä½•ã‹ - ITæˆ¦è¨˜
ã¯ã˜ã‚ã« çš†æ§˜ JavaScript ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ç«¶äº‰ãŒæ¿€åŒ–ã—ã€ ECMAScript 3.1 ã®ä»•æ§˜ã®ç–å®šãŒé€²ã‚€ãªã©ã€æ¿€å‹•ã® JavaScript æ™‚ä»£ã‚’ã„ã‹ãŒãŠéŽã”ã—ã§ã—ã‚‡ã†ã‹ã€‚ ã•ã¦ä»Šæ—¥ã¯ã€ä»Šã€ã¡ã¾ãŸã§å¤§ãƒ–ãƒ¬ã‚¤ã‚¯ã®å…†ã—ã‚’è¦‹ã›ã¦ã„ã‚‹ DOM Storage ã¨ã„ã†ä»•æ§˜ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ DOM Storage ã¨ã¯ä½•ã‹ ã¾ãšã€ DOM Storage ã¨ã¯ã©ã‚“ãªã‚‚ã®ãªã®ã§ã—ã‚‡ã†ã‹ã€‚ ã¨ã¦ã‚‚ç°¡å˜ã«è¨€ã£ã¦ã—ã¾ãˆã°ã€ã¨ã¦ã‚‚ãŸãã•ã‚“ã®ãƒ‡ãƒ¼ã‚¿ãŒä¿å˜ã§ãã¦ã‚µãƒ¼ãƒãƒ¼ã«è‡ªå‹•ã§é€ã‚‰ã‚Œãªã„ Cookie ã¿ãŸã„ãªã‚‚ã®ã§ã™ã€‚ ã•ã‚‰ã«ã€ Cookie ã¨ã¯é•ã£ã¦ JavaScript ã‹ã‚‰ã¨ã¦ã‚‚æ‰±ã„æ˜“ãä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ã§ã¯ã€ã“ã® DOMStorage ã®å…·ä½“çš„ãªã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ <!DOCTYPE html> <html> <head><title>DOMStorage ã®ä½¿ã„æ–¹</tit
kupoe 2014/11/18
js

jq

atw

webstorage
ãƒªãƒ³ã‚¯
DyLay - a simple dynamic layout jQuery plugin
DyLay is a jQuery plugin which allows to create dynamic layout very easily. It respects order of elements. All functionnalities in 1.5ko (minified) !!! What's new ? This version is faster and more responsive ... Less hole and easier to use its functions. Le HTML <ul id="dylay"> <li style="width: 10%; height: 20px;" class="voyelle" data-foo="5">A</li> <li style="width: 10%; height: 40px;" class="co
kupoe 2014/10/06
jq

plugin
ãƒªãƒ³ã‚¯
Rotate HTML elements by mouse in JavaScript - Propeller.js
$('#example2').propeller({inertia: 0.98, speed: 0, onStop: function(){alert('Stopped')}});
kupoe 2014/09/16
ãƒ—ãƒãƒšãƒ©ãã‚‹ãã‚‹ãŠã‚‚ã‚ã„

jq

gimick

plugin
ãƒªãƒ³ã‚¯
Rails ã§ã€Controller ã«å®šç¾©ã•ã‚Œã¦ã„ã‚‹ action ã‚’ä¸€åº¦ã«å–å¾—ã™ã‚‹æ–¹æ³•ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿ - QA@IT
å¹³ç´ ã‚ˆã‚ŠQAï¼ ITã‚’ã”åˆ©ç”¨ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ QAï¼ ITã¯ã€Œè³ªå•ã‚„å›žç”ã‚’ã€Žå…±æœ‰ã€ã—ã€Žç·¨é›†ã€ã—ã¦ã„ãã“ã¨ã§ãƒ™ã‚¹ãƒˆãªQAã‚’è“„ç©ã§ãã‚‹ã€IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®å•é¡Œè§£æ±ºã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ã€ã¨ã—ã¦ç´„7å¹´é–“é‹å–¶ã‚’ã—ã¦ãã¾ã—ãŸã€‚ã“ã‚Œã¾ã§ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç¶šã‘ã‚‹ã“ã¨ãŒã§ããŸã®ã¯ã€QAï¼ ITã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã«å…±æ„Ÿã‚’ã„ãŸã ãã€é©åˆ‡ãªè³ªå•ã‚„å›žç”ã‚’ãŠå¯„ã›ã„ãŸã ã„ãŸçš†ã•ã¾ã®ã”æ”¯æ´ãŒã‚ã£ãŸã‹ã‚‰ã“ãã¨è€ƒãˆã¦ãŠã‚Šã¾ã™ã€‚é‡ãã¦å¾¡ç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æƒ…å ±å…¥æ‰‹æ–¹æ³•ã®å¤šæ§˜åŒ–ã‚„QAã‚µãƒ¼ãƒ“ã‚¹å¸‚å ´ã®çŠ¶æ³ã€ï¼ ITã®ä»Šå¾Œã®ãƒ¡ãƒ‡ã‚£ã‚¢é‹å–¶æ–¹é‡ãªã©ã‚’æ¤œè¨Žã—ãŸçµæžœã€2020å¹´2æœˆ28æ—¥ï¼ˆé‡‘ï¼‰15:00ã‚’ã‚‚ã¡ã¾ã—ã¦QAï¼ ITã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’çµ‚äº†ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§ã”åˆ©ç”¨ã‚’ã„ãŸã ãã¾ã—ãŸçš†ã•ã¾ã«ã¯æ®‹å¿µãªãŠçŸ¥ã‚‰ã›ã¨ãªã‚Šã€èª ã«å¿ƒè‹¦ã—ãæ€ã£ã¦ãŠã‚Šã¾ã™ã€‚ä½•ã¨ãžã€ã”ç†è§£ã‚’ã„ãŸã ã‘ã¾ã™ã¨å¹¸ã„ã§ã™ã€‚ QAï¼ ITã®7å¹´é–“ã§çš†ã•ã¾ã®çŸ¥è˜
kupoe 2014/09/09
jq

js
ãƒªãƒ³ã‚¯
jQueryã®eachã®ä»•çµ„ã¿ã‚’å¾¹åº•çš„ã«ã‚ã‹ã‚Šã‚„ã™ãè§£èª¬ã—ã¦ã¿ãŸã€‚ Â· DQNEOæ—¥è¨˜
eachã®ã‚ãƒ›ãƒ³ï¼šè¦ç´ ã‚’ï¼‘å€‹ãšã¤å‡¦ç†ã™ã‚‹ ã¾ãšãŠã•ã‚‰ã„ã€‚ ã“ã®ã‚ˆã†ãªHTMLãŒã‚ã‚‹ã¨ã—ã¾ã™ã€‚ <ul> <li>foo</li> <li>bar</li> </ul> eachã‚’ä½¿ã†ã¨ã€è¦ç´ ï¼‘å€‹ãšã¤ã«å¯¾ã—ã¦é †ç¹°ã‚Šã«å‡¦ç†ã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚ <script> $(function(){ $('li').each(function(){ alert( $(this).text() ); // 'foo', 'bar'ã¨è¡¨ç¤º }); }); </script> ã“ã‚ŒãŒã‚ãƒ›ãƒ³ã§ã™ã€‚ å¤‰å½¢ã—ã¦ã¿ã‚‹ ä¸Šã®eachå¼ã¯ã€ä¸‹ã®ã‚ˆã†ã«å¤‰å½¢ã§ãã¾ã™ã€‚ (ä¸€ç•ªå¤–å´ã®ãƒ–ãƒãƒƒã‚¯$(function(){....})ã¯çœç•¥ã—ã¾ã™) $.each( $('li'), function(){ alert($(this).text()); }); ã•ã‚‰ã«å¤‰å½¢ã—ã¦ã¿ã¾ã™ã€‚ ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•° "$" ã¯ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•° "jQu
kupoe 2014/09/09
jq
ãƒªãƒ³ã‚¯
getComputedStyle ã«ã¤ã„ã¦èª¿ã¹ã¦ãŸã‚‰æ·±ã¿ã«ãƒãƒžã£ãŸã®ã§ãƒ¡ãƒ¢ - ITæˆ¦è¨˜
getComputedStyle ã¨ã¯ï¼ï¼Ÿ ã‚ã‚‹è¦ç´ ã«ã©ã‚“ãªã‚¹ã‚¿ã‚¤ãƒ«ãŒå½“ãŸã£ã¦ã„ã‚‹ã‹ã‚’è¨ˆç®—ã—ã¦ãã‚Œã‚‹ã€‚ä¾¿åˆ©ãªé–¢æ•°ã€‚ ä½¿ã„ã‹ãŸã¯ã‚ã£ã¡ã‚ƒç°¡å˜ï¼ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ã¡ãªã¿ã«ç¬¬äºŒå¼•æ•°ã¯ç–‘ä¼¼è¦ç´ ã® style ã‚’å–ã‚ŠãŸã„å ´åˆã«ä½¿ã„ã¾ã™ã€‚é€šå¸¸ã¯ç©ºæ–‡å—åˆ—ã§ã„ã„ã€‚ ã§ã‚‚ã€ getComputedStyle ã¯ã“ã®ã¾ã¾ã§ã¯ IE, Safari ã§ã¯å‹•ã‹ãªã„ã€‚ Safari ã§ã¯ window(ã‚°ãƒãƒ¼ãƒãƒ«é ˜åŸŸ) ã« getComputedStyle ã¯å®šç¾©ã•ã‚Œã¦ãªãã¦ã€ document.defaultView ã ã‘ã« getComputedStyle ãŒå®šç¾©ã•ã‚Œã¦ã„ã‚‹ã€‚ ã¡ãªã¿ã«ã€ Firefox, Op
kupoe 2014/09/09
js

jq

atw
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆã‚„æ•°å—ã‚’ã‚¹ãƒãƒƒãƒˆã®æ§˜ã«å›žè»¢ã•ã›ã‚‹JavaScriptã€ŒODOMETERã€ï¼†jQueryã€Œa simple jquery slot machine effectã€ã€Œtally_counterã€ï½œBLACKFLAG
Webãƒšãƒ¼ã‚¸ä¸Šã®ãƒ†ã‚ã‚¹ãƒˆã‚„æ•°å€¤ã‚’è¡¨ç¤ºã™ã‚‹æ¼”å‡ºã§ ã‚¹ãƒãƒƒãƒˆãƒžã‚·ãƒ³ã®æ§˜ãªå›žè»¢ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å¿…è¦æ€§ã«é§†ã‚‰ã‚ŒãŸäº‹ãŒã“ã‚Œã¾ã§ã«ä½•åº¦ã‹ã‚ã‚Š ãã®åº¦ã«è‹¦åŠ´ã—ã¦ã„ãŸã®ã§ã™ãŒã¨ã¦ã‚‚ç°¡å˜ã«åŒæ§˜ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒã‚ã£ãŸã®ã§è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã¨ã—ã¦ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ Odometer â€“ Transition numbers with ease Odometer â€“ Transition numbers with ease é–‹å§‹å€¤ã¨çµ‚äº†å€¤ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ™‚é–“ã‚’è¨å®šã™ã‚‹ã ã‘ã§ ç°¡å˜ã«ã‚¹ãƒãƒƒãƒˆãƒžã‚·ãƒ³ã®ã‚ˆã†ãªå›žè»¢ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã§ãã‚‹ã€ŒOdometerã€ ï¼ˆjQueryã‚’ä½¿ã‚ãšã«ä½¿ç”¨ã§ãã¾ã™ï¼‰ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§ã¯æ§˜ã€…ãªãƒ†ãƒ¼ãƒžãƒ‘ã‚¿ãƒ¼ãƒ³ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¦ CSSã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã ã‘ã§ç°¡å˜ã«è¦‹ãŸç›®ã‚’é¸æŠžã™ã‚‹ã“ã¨ãŒå¯èƒ½ãªã‚ˆã†ã§ã™ã€‚ æ•°å—ã ã‘ã§ãªããƒ†ã‚ã‚¹ãƒˆã‚‚å›žè»¢ã•ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã£ã¦ã„ã‚‹ã®ã§ ã‚¹ãƒãƒƒãƒˆãƒžã‚·ãƒ³
kupoe 2014/07/08
atw

jq

gimick
ãƒªãƒ³ã‚¯
[js]æ•°å—ã‚’ã‚«ã‚¦ãƒ³ãƒˆã‚¢ãƒƒãƒ—ã•ã›ã‚‹(æ•°å—ã®å·®ãŒå¤§ããã¦ã‚‚å¯¾å¿œ) | begointo
About é€šå¸¸ã®ã‚«ã‚¦ãƒ³ãƒˆã‚¢ãƒƒãƒ—ã®æ–¹æ³•ã ã¨ã€ã‚«ã‚¦ãƒ³ãƒˆã‚¢ãƒƒãƒ—ã•ã›ã‚‹æ•°å€¤ãŒå¤§ãã„ç¨‹ã€å‡¦ç†å®Œäº†ã¾ã§æ™‚é–“ãŒã‹ã‹ã£ã¦ã—ã¾ã†å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ãã‚Œã«å¯¾å¿œã—ãŸã®ãŒæœ¬ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ å‹•ä½œã«ã¯jQueryãŒå¿…è¦ã§ã™ã€‚ Example ä½¿ç”¨ä¾‹ çµæžœè¡¨ç¤º 0 æ•°å—ã‚’é¸æŠžã—ã¦ãã ã•ã„ 25 6402 432800 åˆæœŸåŒ–ã™ã‚‹ clear åŒæ™‚ä½¿ç”¨ã‚‚OK å¥½ããªå£ç¯€ã¯ï¼Ÿ æ˜¥ å¤ ç§‹ å†¬ ã‚ã‹ã‚‰ãªã„ çµæžœè¡¨ç¤º(äººæ•°ã¯é©å½“ã§ã™) 0äºº Download ã‚ã¾ã‚Šæ±Žç”¨æ€§ã¯ç„¡ã„ã§ã™ãŒãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã—ã¾ã—ãŸã€‚ jquery.number_counter.js How to use 1. jsã®èªã¿è¾¼ã¿ headã‚¿ã‚°ã«jsã®èªã¿è¾¼ã¿ã®è¨˜è¿°ã‚’ã—ã¾ã™ã€‚åŒæ™‚ã«jQueryã®èªã¿è¾¼ã¿ã‚‚ã—ã¾ã™ã€‚ <script src="js/jquery.min.js"></script> <script src="js/jquery.number_c
kupoe 2014/07/08
atw

jq

plugin
ãƒªãƒ³ã‚¯
jQuery ã® $().each() ã§å€‹åˆ¥å‡¦ç†(ãƒ«ãƒ¼ãƒ—) | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã“ã‚“ã«ã¡ã¯ã€ã‚„ã£ã¨åœ°ä¸Šãƒ‡ã‚¸ã‚¿ãƒ«æ”¾é€ãŒã†ã¡ã®ãƒ†ãƒ¬ãƒ“ã«æ˜ ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚tanakaã§ã™ã€‚æ¶²æ™¶ãƒ†ãƒ¬ãƒ“ã¯ã‚‚ã†1å¹´å‰ã«è²·ã£ã¦ã„ãŸã®ã§ã€ã¤ã„ã«ãƒ•ãƒ«ãƒ‘ãƒ¯ãƒ¼ã‚’ç™ºæ®ã—ã¦ã„ã‚‹ã‚“ã§ã™ãŒã€æ–°å“ã¿ãŸã„ã§ã™ã€‚ ä»Šæ—¥ã¯jQuery ã® each ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ã¨ã‚Šã‚ã’ã¾ã™ã€‚ jQuery ã¯ãƒ«ãƒ¼ãƒ—å‡¦ç†ã‚’æ„è˜ã—ãªãã¦ã‚‚ä½¿ãˆã‚‹ jQuery ãŒã‚ˆãä½¿ã‚ã‚Œã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹ç†ç”±ã®ã²ã¨ã¤ã«ã€CSSãƒ©ã‚¤ã‚¯ã«ã€å®£è¨€çš„ãªè¨˜è¿°ãŒã§ãã‚‹ã€ã¨ã„ã†ã“ã¨ã‚’ã‚ã’ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚è¤‡æ•°ã®è¦ç´ ã«åŒã˜ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ãŸã„ã¨ãã€CSSã§ã¯ãƒ«ãƒ¼ãƒ—å‡¦ç†ã‚’æ›¸ãå¿…è¦ãŒã‚ã‚Šã¾ã›ã‚“ãŒã€jQuery ã‚‚åŸºç¤Žçš„ãªä½¿ã„æ–¹ã§ã¯ãƒ«ãƒ¼ãƒ—ã‚’æ„è˜ã—ãªãã¦ã‚‚æ›¸ãã“ã¨ãŒã§ãã¾ã™ã€‚ $('p').css('background-color', 'yellow'); // ã™ã¹ã¦ã® p è¦ç´ ã®èƒŒæ™¯è‰²ã‚’é»„è‰²ã«ã™ã‚‹ $('p').prepend('Oh! ');
kupoe 2014/06/17
each

jq
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ãƒˆãƒªå€‹åˆ¥ã®èƒŒæ™¯ç”»åƒã‚’å‹•çš„ã«è¨å®šã—ãŸã„ - MTQ | Movable Type ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£
kupoe 2014/06/17
each

jq

mt
ãƒªãƒ³ã‚¯
[JS]ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã—ã£ã‹ã‚Šå¯¾å¿œï¼é«˜ã•ã®ç•°ãªã‚‹ãƒ‘ãƒãƒ«ã‚’æƒãˆãŸã‚Šã€æˆã‚Šè¡Œãã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -EqualHeight.js
divãªã©ã§é…ç½®ã—ãŸãƒ‘ãƒãƒ«å†…ã®è¦ç´ ã®é‡ãŒç•°ãªã£ã¦ã„ã¦ã‚‚ã€å…¨ã¦ã®ãƒ‘ãƒãƒ«ã®é«˜ã•ã‚’æƒãˆã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ é«˜ã•ã‚’æƒãˆã‚‹ç³»ã¨ã—ã¦ã¯å¾Œç™ºã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã—ã£ã‹ã‚Šå¯¾å¿œã—ã¦ã„ã‚‹ã®ãŒãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ ä¸€åˆ—ã®ãƒ‘ãƒãƒ«ã¯ã‚‚ã¡ã‚ã‚“ã€æ®µçµ„ã§ã‚‚OKã€çœã‚¹ãƒšãƒ¼ã‚¹ã®ã‚¹ãƒžãƒ•ã‚©ç”¨ã«æˆã‚Šè¡Œãã‚‚ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ãã¾ã™ã€‚
kupoe 2014/06/05
atw

jq
ãƒªãƒ³ã‚¯
ã“ã‚Œçµæ§‹ä½¿ãˆãŸï¼ã‚µãƒ¼ãƒ“ã‚¹ã‚µã‚¤ãƒˆã‚„WordPressãƒ†ãƒ¼ãƒžã§ä½¿ã‚ã‚Œã¦ã„ã‚‹å°æŠ€ã¾ã¨ã‚
ä½œæˆï¼š2014/05/19 æ›´æ–°ï¼š2014/11/01 WordPress > ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã‚µã‚¤ãƒˆã‚„æœ€è¿‘ã®WordPressãƒ†ãƒ¼ãƒžã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„å°æŠ€ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ä»Šå›žã¾ãŸjQueryãŒå¤šããªã£ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã«ä¸€æ‰‹é–“åŠ ãˆãŸããªã‚‹å°æŠ€é›†ã§ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ã‚µã‚¤ãƒˆèªã¿è¾¼ã¿æ™‚ ï¼‘ï¼Žç”»åƒèªã¿è¾¼ã¿æ™‚ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã‚’è¡¨ç¤ºï¼jQuery ï¼’ï¼Žèªã¿è¾¼ã¿æ™‚ã«æ–‡å—ã‚’å‹•ã‹ã™ï¼jQuery ãƒ˜ãƒƒãƒ€ãƒ¼ ï¼“ï¼Žæ–‡å—ã®æ‹¡å¤§ãƒ»ç¸®å°ï¼jQuery ï¼”ï¼Žå…¥åŠ›è£œåŠ©ï¼jQuery ï¼•ï¼Žä¼¸ç¸®ã™ã‚‹ã‚µãƒ¼ãƒãƒœãƒƒã‚¯ã‚¹ï¼jQuery ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ï¼–ï¼Žä¸å¿ƒã«æ°´å¹³ç·šã‚’å…¥ã‚Œã‚‹ï¼CSS ï¼—ï¼Žå‡ç‰ã«ä¸¦ã¹ã‚‹ï¼æ®µçµ„ã¿ï¼CSS ï¼˜ï¼Žã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒç¾ã‚ŒãŸæ™‚ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ï¼jQuery ï¼™ï¼Žãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã§ç”»åƒã‚’æ‹¡å¤§ã—ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’å‡ºã™ï¼jQuery ï¼‘ï¼ï¼Žãƒž
kupoe 2014/06/02
markup

jq

tips
ãƒªãƒ³ã‚¯
jQueryã§ç”»åƒãŒã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ã™ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªç”»åƒãƒ“ãƒ¥ãƒ¼ã‚¢ãƒ¼ï¼ˆè‡ªå‹•å†ç”Ÿï¼‰ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ï½œBLACKFLAG
ã‚µã‚¤ãƒˆã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ãªã©ã§ã‚â€•ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã«ã‚ãŸã‚‹éƒ¨åˆ†ã‚’ã€è¤‡æ•°æžšã‚ã‚‹ç”»åƒã‚’å˜ç´”ãªãƒ•ã‚§ãƒ¼ãƒ‰ã§åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚ˆã†ãªå‹•ä½œã‚’çµ„ã¿è¾¼ã‚€ã“ã¨ã¯ã‚ˆãã‚ã‚‹ã“ã¨ã€‚ ãã‚“ãªã¡ã‚‡ã£ã¨ã—ãŸç”»åƒã®åˆ‡ã‚Šæ›¿ãˆãŒå¿…è¦ãªéš›ã«ä½¿ãˆã‚‹ã€å‡ã£ãŸå‹•ãã‚‚ç„¡ãã€ç”»åƒãŒã²ãŸã™ã‚‰ã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ã—ç¶šã‘ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ç”»åƒãƒ“ãƒ¥ãƒ¼ã‚¢ãƒ¼ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ãŸã®ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ã¾ãšã¯å‹•ä½œã®ã‚µãƒ³ãƒ—ãƒ«ã‹ã‚‰ã€‚ jQuery CROSS FADE IMAGE VIEWERã€SAMPLEã€‘ ã‚µãƒ³ãƒ—ãƒ«ã§ã¯4æžšã®ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã¦ã„ã¾ã™ã€‚ è‡ªå‹•ã§å†ç”Ÿã•ã‚Œã€4æžšã®ç”»åƒãŒæ°¸é ã«ãƒ«ãƒ¼ãƒ—ã—ç¶šã‘ã¾ã™ã€‚ å…¨ä½“æ§‹æˆã«ã¤ã„ã¦HTMLã‹ã‚‰ã€‚ â—†HTML <div id="viewer"> <img src="img/photo01.jpg" width="400" height="300" alt="" /> <img src="img/photo02.jpg" width="400" hei
kupoe 2014/05/14
jq

atw
ãƒªãƒ³ã‚¯
GitHub
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
kupoe 2014/04/25
response.jsã§ã€retinaç‰ã®é«˜è§£åƒåº¦æ™‚ã®ç”»åƒãã‚Šã‹ãˆå‚è€ƒ

jq

plugin

retina
ãƒªãƒ³ã‚¯
è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹è¶…è»½é‡ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³jquery.tile.js - URIN HACK
ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹è»½é‡ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³jquery.tile.jsã€‚ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ç”¨ã™ã‚‹ã¨ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’ç°¡å˜ã«ã‚¿ã‚¤ãƒ«çŠ¶ã«ä¸¦ã¹ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã¯ä½™åˆ†ãªæ©Ÿèƒ½ãŒä¸€åˆ‡ç„¡ã„ãŸã‚ ä½¿ã„æ–¹ãŒã‚·ãƒ³ãƒ—ãƒ«ã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯éžå¸¸ã«è»½é‡ ã«ãªã£ã¦ã„ã‚‹ã€‚ JavaScriptã‚’ä½¿ç”¨ã—ãªã„ã§è¦ç´ ã®é«˜ã•æƒãˆã‚‹å ´åˆã¯HTMLã®tableè¦ç´ ã‚’ä½¿ã†ã€CSSã®display: tableã‚’ä½¿ç”¨ã™ã‚‹ã€float: leftã§æ¨ªã«ä¸¦ã¹ã¦margin-bottomã‚’å¤§ããã™ã‚‹ãªã©ã®æ–¹æ³•ãŒè€ƒãˆã‚‰ã‚Œã‚‹ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³é¢ã§èžé€šãŒåŠ¹ãã«ããåˆå¿ƒè€…ã«ã¨ã£ã¦ã¯å°‘ã—æ•·å±…ãŒé«˜ã„ã€‚ è¦ç´ ã‚’æ¨ªã«ä¸¦ã¹ã‚‹ã«ã¯float: leftã‚„display: inline-blockãªã©ã‚’ç”¨ã„ã‚‹ã®ãŒæœ€ã‚‚ç°¡å˜ã ãŒã€ã“ã®å ´åˆHTMLã¨CSSã ã‘ã§è¦ç´ ã®é«˜ã•ã‚’è‡ªå‹•çš„ã«æƒãˆã‚‹ã®ã¯ï¼ˆç‰¹ã«ãã‚ŒãŒè¤‡æ•°è¡Œã‚ã£ãŸã‚Šå„è¦ç´ ã®é«˜ã•ãŒå†…å®¹ç‰©ã«å¿œã˜ã¦å¯å¤‰ã ã£ãŸ
kupoe 2014/04/24
jq

plugin
ãƒªãƒ³ã‚¯
çŸ¥ã£ã¦ãŠãã¨åŠ¹çŽ‡çš„ï¼ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆåˆ¶ä½œãŒæ—ã‚‹jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ä½¿ã„æ–¹ã¾ã¨ã‚
ä½œæˆï¼š2014/04/7 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > ã‚ã®ä¼æ¥ã‚µã‚¤ãƒˆã§ä½¿ã‚ã‚Œã¦ã„ã‚‹åŠ¹æžœã‚„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ãŸæŽ¢ã•ãªã„ã¨ã„ã‘ãªã„ã€ãã‚‚ãã‚‚ã©ã†ã„ã£ãŸã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã§æŽ¢ã—ãŸã‚‰ã„ã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ã€‚ãã‚“ãªã“ã‚“ãªã§ã€ä»Šå›žã¯å¥‡æŠœãªã‚‚ã®ã§ã¯ãªãã€ã€Œä¼æ¥ã‚µã‚¤ãƒˆã§è¦‹ãŸã“ã¨ã‚ã‚‹ï¼ã€ã¨ã„ã†ã‚ˆã†ãªã€ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã«ä½¿ãˆãã†ãªå®šç•ªã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ ï¼‘ï¼Žã‚«ãƒ«ãƒ¼ã‚»ãƒ«ï¼ˆæ¨ªï¼‰ ï¼’ï¼Žãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆ ï¼“ï¼Žç”»åƒã¨æ–‡å—ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ ï¼”ï¼Žæ–‡å—ãŒé…ã‚Œã¦ç§»å‹•ã™ã‚‹åŠ¹æžœ ï¼•ï¼Žç•°ãªã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’è¨å®šã§ãã‚‹ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼–ï¼Žå¤šéšŽå±¤ ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼—ï¼Žå¤šéšŽå±¤ åŠ¹æžœã¤ã ï¼˜ï¼Žã‚¹ãƒžãƒ›ã§ã¯ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ ï¼™ï¼Žã‚¹ãƒžãƒ›ã§ã¯ã‚»ãƒ¬ã‚¯ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã« ï¼‘ï¼ï¼ŽAmazoné¢¨ ãƒ¡ã‚¬ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼‘ï¼‘ï¼Žæ¨ªã‚¹ãƒ©ã‚¤ãƒ‰ ï¼‘
kupoe 2014/04/18
jq

plugin
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸