[B! JQuery] animistã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

animist id:animist

JQueryã«é–¢ã™ã‚‹animistã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (86)

${{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ã¨ã¯ä½•ãªã®ã‹ï¼Ÿã€€ãªãœä½¿ã‚ãªãã¦ã‚‚ï¼ˆã‚ã‚‹ã„ã¯ä½¿ã‚ãªã„ã»ã†ãŒï¼‰ã„ã„ã®ã‹ï¼Ÿ - Qiita
æ˜¨ä»Šã€ã‚ˆãã€ŒjQueryã¯ã‚‚ã†å¿…è¦ãªã„ã€ã¨ã„ã†å£°ã‚’èžãã¾ã™ã€‚ ã—ã‹ã—ã€ä¸€æ™‚æœŸJavaScriptã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã„ã‚ã‚ŒãŸjQueryã«å¯¾ã—ã¦ã®æ‰±ã„ã®å¤‰åŒ–ã‚’ç–‘å•ã«æ€ã†æ–¹ã‚‚ã„ã‚‹ã§ã—ã‚‡ã†ã€‚ ãã“ã§ã€ã“ã®è¨˜äº‹ã§ã¯ãã‚‚ãã‚‚jQueryã¨ã¯ä½•ã®ãŸã‚ã«ä½œã‚‰ã‚ŒãŸã©ã‚“ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‹ã€ãã—ã¦ãã‚ŒãŒãªãœãƒ¬ã‚¬ã‚·ãƒ¼ã¨å‘¼ã°ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã‹ã‚’å¦ã‚“ã§ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ é–“é•ã£ãŸäº‹ã‚’æ›¸ã„ã¦ã„ã‚‹ãªã©ã®ã”æŒ‡æ‘˜ã¯å¤§æ“è¿Žã§ã™ã€‚ ãªãœ jQuery ãŒã§ããŸã®ã‹ æ˜”ã®Webé–‹ç™º jQuery ãŒã§ããŸã®ã¯2006å¹´ã€‚ ãã®ã“ã‚ã¯JavaScriptã¯Webãƒšãƒ¼ã‚¸ã«æ–‡ç« ã‚’èªã‚€ã®ã‚’å¦¨ã’ã‚‹å‹•ãã‚’ã¤ã‘ã‚‹è¨€èªžã§ã€HTML5ã‚„CSS3ã€ES2015ãªã‚“ã¦ã‚‚ã®ã¯ã‚‚ã¡ã‚ã‚“ãªãã€ä»Šã§ã¯ã‚³ãƒ¼ãƒ‰æ•°è¡Œã§ã§ãã‚‹ã“ã¨ãŒæ™‚ã«ã¯ãƒˆãƒªãƒƒã‚ãƒ¼ãªæ–¹æ³•ã‚‚æ··ãœãªãŒã‚‰ä½•åè¡Œã‚‚æ›¸ãå¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ãã®ä¸Šã€ECMAã«ã‚ˆã£ã¦æ¨™æº–åŒ–ã•ã‚Œã¦ã„ã‚‹ã¨ã¯ã„ãˆã€ãƒ–
animist 2018/09/04
const

jquery

javascript
ãƒªãƒ³ã‚¯
ãƒ’ãƒ³ãƒˆã‚’è¡¨ç¤ºã™ã‚‹ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’ä»˜ã‘ã‚‹ | Bootstrapã§ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ - åŒ—æµ·é“è‹«å°ç‰§å¸‚ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œ STUDIO KEY
data-toggle="tooltip" data-placement="{left,top,bottom,right}" data-original-title="{text}" ã“ã‚Œã¯jQueryPluginãªã®ã§jQueryã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãå¿…è¦ãŒæœ‰ã‚Šã¾ã™ã€‚ $(function () { $('[data-toggle="tooltip"]').tooltip() })
animist 2018/07/01
jquery

bootstrap
ãƒªãƒ³ã‚¯
JavaScriptãƒ»jQueryã®æ”¹ä¿®ãƒ»é«˜é€ŸåŒ–ã®ãŸã‚ã®ãƒ¡ãƒ¢ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
animist 2016/01/13
javascript

jquery
ãƒªãƒ³ã‚¯
angularJS ã¨ jQuery ã«é–¢ã™ã‚‹èª¤è§£ã‚’è§£ã - nazokingã®ãƒ–ãƒã‚°
æœ€è¿‘ angularJS ã«å¯¾ã™ã‚‹æœŸå¾…ã®ä½Žä¸‹ãŒè‘—ã—ãã¦ã¤ã‚‰ã„ã€‚ ãªã‚“ã ã‹ã‚“ã ã§ SPA ã‹ã‚‰ jQuery ã«æˆ»ã£ãŸè©± - ãƒœã‚¯ã‚³ã‚³ Angularã®å•é¡Œã§ã¯ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ - mizchi ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ - 2015å¹´5æœˆ18æ—¥ ã¿ã‚“ãªä½¿ã„ã©ã“ã‚ã‚’é–“é•ã£ã¦ã‚‹ã‚“ã‚„ã€‚ï¼‘å¹´åŠãã‚‰ã„ä½¿ã£ã¦ã¦ä¸æº€ã‚‚ã‚ã‚‹ã‘ã©è‡ªåˆ†ã®ã‚ˆãä½¿ã†ç¯„å›²ã§ã¯ angularJS æœ€å¼·ã ã¨æ€ã†ã€‚ angularJS ãŒå‘ã„ã¦ã‚‹ã®ã¯ Single Page Application ã§ã¯ãªã„ angularJS ãŒå‘ã„ã¦ã‚‹ã®ã¯ â—Ž ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚ˆã†ãªç´°ã‹ã„éƒ¨å“ã‚’å¤šç”¨ ï¼† DOMãƒ„ãƒªãƒ¼ã¨ãƒ‡ãƒ¼ã‚¿ã‚¹ã‚³ãƒ¼ãƒ—ãŒã»ã¼ä¸€è‡´ã—ã¦ã„ã¦ãƒ¦ãƒ¼ã‚¶ã®å…¥åŠ›ã‚’ã‚µãƒ¼ãƒã«é€ã£ãŸã‚Šã™ã‚‹ webã‚¢ãƒ—ãƒªã€‚ç®¡ç†ç”»é¢ã€ãƒžã‚¤ãƒšãƒ¼ã‚¸ã€æ¥å‹™ã‚¢ãƒ—ãƒªãªã© â–³ Single Page Application â† ç°¡å˜ã«ä½œã‚Œã‚‹ã‘ã©ãƒšãƒ¼ã‚¸é–“ã®é€£æºãŒå¿…è¦ãªã„ãªã‚‰ã‚µãƒ¼ãƒå´ã§åˆ†ã‘ã¦ã—ã¾ã£ãŸæ–¹
animist 2015/05/20
javascript

angularjs

jquery
ãƒªãƒ³ã‚¯
ãªã‚“ã ã‹ã‚“ã ã§ SPA ã‹ã‚‰ jQuery ã«æˆ»ã£ãŸè©± - ãƒœã‚¯ã‚³ã‚³
æœ€è¿‘ã¯ SPA ã¨ã‹ React ã¨ã„ã£ãŸè©±é¡ŒãŒå°½ããªã„ãŒã€è‡ªåˆ†ã¯çµå±€ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ JavaScript ã¯ jQuery ãŒæœ€ã‚‚ã„ã„ã¨æ„Ÿã˜ã¦ã„ã‚‹ã€‚ãã‚Œã¯ãã‚Œã‚‰ SPA ã® JavaScript ã‚’ã„ã˜ã£ãŸçµŒé¨“ã‚’è¸ã¾ãˆã¦ã®æ„Ÿæƒ³ã€‚ ç†ç”±ã¨ã—ã¦ã¯ã€ã€Œ ã‚„ã‚ŠãŸã„ã“ã¨ãŒã§ãã«ãã„ ã€ã“ã‚Œã«å°½ãã‚‹ã€‚ æœ€æ–°ã‚’è¿½ã†ã¨ã„ã†ã“ã¨ è‡ªåˆ†ãŒæœ€åˆã«SPAã‚’è§¦ã£ãŸã®ã¯ AngularJS ã ã£ãŸã€‚ãªã‚‹ã»ã©ã€ã“ã® ng-repeat ã‚„ $route, $scope ãªã©ã‚’ä½¿ãˆã°ã€ä»Šã¾ã§ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ã‚„ã£ã¦ãŸã‚ˆã†ãªãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒè¡¨å´ã§åˆ¶å¾¡ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ï¼ã¨æ„Ÿå‹•ã—ãŸã‚‚ã®ã ã£ãŸã€‚ã“ã®æ°—æŒã¡è‰¯ã•ã¯ãã£ã¨ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ã”ã«ã‚‡ã”ã«ã‚‡ã‚„ã£ã¦ã„ãŸçµŒé¨“ã®ã‚ã‚‹äººãªã‚‰ãªãŠã•ã‚‰æ„Ÿå‹•ã™ã‚‹ã‚‚ã®ã ã€‚ ã•ã¦ã€ã˜ã‚ƒã‚ã¨ã„ã£ã¦ã€Œæ¬¡ä½œã‚‹ã®ã¯ SPA ã®ã‚µãƒ¼ãƒ“ã‚¹ã«ã—ã‚ˆã†ï¼ã€ã¨æ„æ°—è¾¼ã‚“ã§åˆã‚ã¦è¦‹ãŸã¨ã™ã‚‹ã€‚ãã‚Œã§ä½œã£ãŸã ã‘ã§è©±é¡Œã«ãªã‚‹ã—ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨
animist 2015/05/18
javascript

jquery

spa
ãƒªãƒ³ã‚¯
jQuery ã®ãƒãƒ–ãƒªãƒ³ã‚°ã€preventDefault() ã‚„ stopPropagation() ã®ä½¿ç”¨ä¾‹ ï½œ Tips Note by TAM
2014.06.16 jQuery ã®ãƒãƒ–ãƒªãƒ³ã‚°ã€preventDefault() ã‚„ stopPropagation() ã®ä½¿ç”¨ä¾‹ jQuery ã®ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒãƒ–ãƒªãƒ³ã‚° (ä¼æ’) ã«ã¤ã„ã¦ã¯ä¸‹è¨˜ã®ã‚µã‚¤ãƒˆãŒã»ã‚“ã¨ã«åˆ†ã‹ã‚Šã‚„ã™ãã¦ã€èªã‚“ã§ã„ãŸã ã‘ã‚Œã°ã‚‚ã†ã‚ã‚‰ãŸã‚ã¦æ›¸ãã“ã¨ã¯ãªã„ã®ã§ã™ãŒã€ jQueryã®ãƒãƒ–ãƒªãƒ³ã‚°ã¨ã€ã€Œreturn false;ã€ã€Œe.stopPropagation();ã€ã€Œe.preventDefault();ã€ã«ã¤ã„ã¦ (ãµã˜ã“ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¥®é—˜è¨˜ 3è¡Œã§ã¾ã¨ã‚ã‚‹ã¨ã€ ã‚¯ãƒªãƒƒã‚¯ãªã©ã®ã‚¤ãƒ™ãƒ³ãƒˆã¯ã€åè¦ç´ ã‹ã‚‰è¦ªè¦ç´ ã¸ã¨ä¼æ’ã•ã‚Œã‚‹ï¼ˆãƒãƒ–ãƒªãƒ³ã‚°ï¼‰ preventDefault() ã¯ã€ãã®è¦ç´ ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’ã‚ãƒ£ãƒ³ã‚»ãƒ«ã—ã€stopPropagation()ã¯ã€è¦ªè¦ç´ ã¸ã®ä¼æ’ã‚’ã‚ãƒ£ãƒ³ã‚»ãƒ«ã™ã‚‹ã€‚ return false; ã‚’ä½¿ã†ã¨ã€ãã®è¦ç´ ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚‚è¦ªè¦ç´ ã¸ã®ä¼æ’ã‚‚ä¸¡æ–¹ã‚ãƒ£ãƒ³ã‚»ãƒ«ã™
animist 2015/02/14
javascript

event

jquery
ãƒªãƒ³ã‚¯
jQueryã§aãƒªãƒ³ã‚¯ã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹ãƒ¢ãƒ€ãƒ³ãªæ›¸ãæ–¹ã‚’æ•™ãˆã¦ãã ã•ã„ ãƒªãƒ³ã‚¯ã«ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹ã¨ã æœ€åˆ <a href="#" onClick="jump(1);">ãƒšãƒ¼ã‚¸ï¼‘<â€¦
jQueryã§aãƒªãƒ³ã‚¯ã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹ãƒ¢ãƒ€ãƒ³ãªæ›¸ãæ–¹ã‚’æ•™ãˆã¦ãã ã•ã„ ãƒªãƒ³ã‚¯ã«ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹ã¨ã æœ€åˆ <a href="#" onClick="jump(1);">ãƒšãƒ¼ã‚¸ï¼‘</a> <a href="#" onClick="jump(2);">ãƒšãƒ¼ã‚¸ï¼’</a> function jump(page) { location.href = 'http://hoge' + page; } ã¨ã—ã¦ã¾ã—ãŸãŒã€ãªã‚“ã¨ãªãjQueryã§ãƒãƒ¼ãƒ‰æ™‚ã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹æ–¹ãŒè‰¯ã„ã®ã‹ãªã¨æ€ã£ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ç›´ã—ã¾ã—ãŸ $(function(){ $("#one").click(function(){ location.href = 'http://hoge' + 1; }); $("#two").click(function(){ location.href = 'http://hoge' +
animist 2014/10/27
javascript

jquery
ãƒªãƒ³ã‚¯
Animate Curtains Opening with jQuery Â« Build Internet
Step 1 â€“ What Youâ€™ll Need This tutorial would not be anything special without the graphics, so letâ€™s make sure youâ€™ve got those under control. Iâ€™ve included the ones used in demo as part of the attached files, now would be a good time to download them if you intend to use them. Secondly, in addition to the standard jQuery file, we are also using the easing plugin. We have worked with this plugin i
animist 2013/12/02
jquery

animation
ãƒªãƒ³ã‚¯
ä½•ã‚‚å˜åœ¨ã—ãªã„ç®‡æ‰€ã«URLæŒ‡å®šä»˜ãiframeè¦ç´ ã‚’ãƒŽãƒ¼ãƒ‰ã¨ã—ã¦è¿½åŠ ã™ã‚‹
Result jQuery//iframeã«srcå±žæ€§ã¨ä¸èº«ã‚’ä¸Žãˆã¦æŒ‡å®šã‚»ãƒ¬ã‚¯ã‚¿ã«è¿½åŠ $('<iframe />').attr('src', 'http://www.yahoo.co.jp/').appendTo('body');
animist 2013/10/15
JavaScript

JQuery
ãƒªãƒ³ã‚¯
Retrieve player state with multiple youtube players on a page
I hava a single HTML with many youtube players. I'm suscribing to the onStateChange to get notified when the user plays a video. function onYouTubePlayerReady(playerid) { var player = document.getElementById("playerA"); player.addEventListener("onStateChange", "callback"); } Now the callback get the newState as parameter. function callback(newState) { ... } This works ok with only one player. But
animist 2013/10/05
JQuery

youtube
ãƒªãƒ³ã‚¯
Using Youtube's javascript API with jQuery
I'm currently trying to use the YouTube API as part of a jQuery plugin and I've run into a bit of a probl em. The way the YT api works is that you load the flash player and, when it's ready it will send a call back to a global function called onYouTubePlayerReady(playerId). You can then use that id combined with getElementById(playerId) to send javascript calls into the flash player (ie, player.pla
animist 2013/10/05
JQuery

youtube
ãƒªãƒ³ã‚¯
jQuery.Deferredã‚’ä½¿ã£ã¦æ¥½ã—ã„éžåŒæœŸç”Ÿæ´»ã‚’é€ã‚‹æ–¹æ³• - Qiita
ç¶šç·¨ã‚‚æ›¸ãã¾ã—ãŸ : çµå±€jQuery.Deferredã®ä½•ãŒå¬‰ã—ã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ã€ã¨ã„ã†äººå‘ã‘ã®å°è©± jQuery version1.5ã§å°Žå…¥ã•ã‚ŒãŸjQuery.Deferredã¯ã€ç„¡ãã¦ã‚‚ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã‘ã‚‹ã‘ã©ã€ä½¿ãˆã°å°‘ã—ã‚³ãƒ¼ãƒ‰ãŒç¶ºéº—ã‹ã¤è¦‹é€šã—ãŒè‰¯ããªã‚‹ã€ã¨ã„ã†æ©Ÿèƒ½ã€‚ ç„¡ãã¦ã‚‚æ›¸ã‘ã‚‹ã¨ã„ã†æ©Ÿèƒ½ãŒãªã‹ãªã‹ä½¿ã‚ã‚Œãªã„ã¨ã„ã†ã®ã¯ä¸–ã®å¸¸ãªã®ã§ã€jQueryã‚¯ãƒƒã‚¯ãƒ–ãƒƒã‚¯(O'REILLY)ã®ä¸ã§ã‚‚è¨€åŠã•ã‚Œã¦ã„ãªã„ã€ãªã‚“ã¨ã‚‚å¯‚ã—ã„çŠ¶æ³ã ã€‚ ã¡ã‚‡ã£ã¨ã“ã“ã‚‰ã§ä¸€è‚Œè„±ã„ã§ã‚„ã‚‹ã‹ã€ã¨ã„ã†è¶£æ—¨ã§æ›¸ãå§‹ã‚ãŸã‚‰ç„¡é§„ã«é•·ããªã£ãŸã€‚ ã¨ã‚Šã‚ãˆãšä½¿ã£ã¦ã¿ãŸã„ã€ã¨ã„ã†äººã¯ä¸‹ã®æ–¹ã®ã€ŒjQuery.Deferredè‡ªä½“ã®ä½¿ã„æ–¹ã€ã¾ã§ã‚¸ãƒ£ãƒ³ãƒ—ã™ã‚‹ã¨ã‚ˆã„ã€‚ jQuery.Deferredã¨ã¯ã©ã†ã„ã†å ´é¢ã§ä½¿ã†ã‚‚ã®ãªã®ã‹ ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚’æ¸¡ã—ã¦éžåŒæœŸå‡¦ç†å®Œäº†æ™‚ã«ãã‚Œã‚’å‘¼ã³å‡ºã—ã¦ã‚‚ã‚‰ã†ã‚ˆã†ãªå ´é¢ã€‚ å…·ä½“çš„ã«ã¯ $.get('hoge',
animist 2013/10/05
JavaScript

JQuery
ãƒªãƒ³ã‚¯
Loading...
animist 2013/10/05
JQuery

JavaScript
ãƒªãƒ³ã‚¯
jQueryã®Deferredã‚’ç”¨ã„ãŸãƒ¢ãƒ€ãƒ³ãªAjaxå‡¦ç†ã®æ›¸ãæ–¹
ç›®æ¬¡ jQuery 1.4ä»¥å‰ã®æ›¸ãæ–¹jQuery 1.5ä»¥ä¸Šã®æ›¸ãæ–¹jQuery 1.8ä»¥ä¸Šã®æ›¸ãæ–¹ã€ç™ºå±•ç·¨1ã€‘Deferredã‚’ç”¨ã„ãŸæ›¸ãæ–¹ deferredã¨ã¯ä½•ã‹ï¼Ÿã€ç™ºå±•ç·¨2ã€‘$.when() ã‚’ç”¨ã„ãŸæ›¸ãæ–¹å‚è€ƒæœ¬ã‚¨ãƒ³ãƒˆãƒªã¯è»½ã‚ã®jQuery Advent Calendar 2012ã®14æ—¥ç›®ã®è¨˜äº‹ã¨ã—ã¦æ›¸ãã¾ã™ã€‚è»½ã‚ã¨ã„ã„ãªãŒã‚‰å°‘ã—é‡ã‚ã«ãªã£ã¦ã—ã¾ã£ãŸæ„ŸãŒã‚ã‚Šã¾ã™ãŒã€åˆã‚ã¦ã®Advent Calendarå‚åŠ ã¨ã„ã†ã“ã¨ã§ã”å‹˜å¼ã‚’ã€‚ â€» Twitter APIä»•æ§˜å¤‰æ›´ã«ã‚ˆã‚ŠTwitter APIã‚’ä½¿ã£ãŸã‚³ãƒ¼ãƒ‰ä¾‹ã¯ç¾åœ¨å‹•ä½œã—ãªããªã£ã¦ã„ã‚‹ã“ã¨ã«ã”æ³¨æ„ã€‚ jQuery 1.4ä»¥å‰ã®æ›¸ãæ–¹ã¾ãšã¯ã€å°‘ã—å¤ã‚ã®ã‚³ãƒ¼ãƒ‰ã€æ˜”ã®jQueryã®æœ¬ã¨ã‹ã§ã‚ˆãè¦‹ã‚‹æ›¸ãæ–¹ã€‚ $.ajax({ url: "ajax.html", success: function(data) { alert('succes
animist 2013/10/05
JavaScript

JQuery

deferred
ãƒªãƒ³ã‚¯
show( duration, easing ) - jQuery API æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
jQuery API ã® show( duration, easing ) ã¯ã€æŒ‡å®šã—ãŸè¦ç´ ãŒéžè¡¨ç¤ºã®å ´åˆã€ãã®è¦ç´ ã‚’ã€duration ã«æŒ‡å®šã—ãŸé€Ÿåº¦ã§ã€easing ã«æŒ‡å®šã—ãŸã‚¤ãƒ¼ã‚¸ãƒ³ã‚°é–¢æ•°åã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã€å‡ºç¾ã•ã›ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã€‚ è¨˜è¿°æ–¹æ³• ã€Œã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã€ã®è¦ç´ ãŒéžè¡¨ç¤ºã®å ´åˆã€ã€Œã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã€ã®è¦ç´ ã‚’ã€Œé€Ÿåº¦ã€ã«æŒ‡å®šã—ãŸé€Ÿåº¦ã®ã€Œã‚¤ãƒ¼ã‚¸ãƒ³ã‚°é–¢æ•°åã€ã§æŒ‡å®šã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å‡ºç¾ã€è¡¨ç¤ºã™ã‚‹ã€‚ ã€Œé€Ÿåº¦ã€ã¯ã€ãƒŸãƒªç§’å˜ä½ã®æ•°å—ã€ã‚‚ã—ãã¯ã€'slow'ã€'normal'ã€'fast' ã®æ–‡å—åˆ—ã§æŒ‡å®šã§ãã‚‹ã€‚ ã€Œã‚¤ãƒ¼ã‚¸ãƒ³ã‚°é–¢æ•°åã€ã¯ã€'linear'ã€'swing' ã®æ–‡å—åˆ—ã§æŒ‡å®šã§ãã‚‹ã€‚ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°é–¢æ•°ã¯ã€åŠ é€Ÿåº¦ã‚’åŠ å‘³ã—ãŸã‚ˆã†ãªå‹•ä½œãƒ‘ã‚¿ãƒ¼ãƒ³ã€‚jQuery ã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã¯ã€linear ã¨ swing ã®ã‚·ãƒ³ãƒ—ãƒ«ãªå‹•ä½œãƒ‘ã‚¿ãƒ¼ãƒ³ã ã‘ã ãŒã€jQuery Easing Plugin ãªã©ã®
animist 2013/10/05
JavaScript

JQuery
ãƒªãƒ³ã‚¯
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½œã‚Šæ–¹ï½œjQuery Tipsï½œAjaxï½œPHP & JavaScript Room
jquery.basic.js(function($){ /* ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åï¼ˆmypluginï¼‰ã‚’æŒ‡å®š */ /* é–¢æ•°ã«ã‚ªãƒ—ã‚·ãƒ§ãƒ³å¤‰æ•°ã‚’æ¸¡ã™ */ $.fn.myplugin=function(config){ /* å¼•æ•°ã®åˆæœŸå€¤ã‚’è¨å®šï¼ˆã‚«ãƒ³ãƒžåŒºåˆ‡ã‚Šï¼‰ */ var defaults={ defColor:"#ff6699", defPadding:5 } var options=$.extend(defaults, config); /* ä¸€è‡´ã—ãŸè¦ç´ ä¸Šã§ç¹°ã‚Šè¿”ã™ */ return this.each(function(i){ /* ãƒ—ãƒ©ã‚°ã‚¤ãƒ³å†…ã§ã®ç¾åœ¨ã®è¦ç´ ã¯thisã§å‚ç…§ */ $(this).text(this.tagName+"["+i+"]").css({"color":defaults.defColor,"padding":defaults.defPadding}); }
animist 2013/10/01
jquery
ãƒªãƒ³ã‚¯
http://daily.d3js.info/?p=296
animist 2013/09/12
JavaScript

JQuery

d3.js
ãƒªãƒ³ã‚¯
jQueryã®Deferredã¨Promise - tkawachi Blog
JavaScript(ã¨ã„ã†ã‹ CoffeeScript)ã£ã¦90å¹´ä»£ã«ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ä½¿ã‚ã‚Œã¦ã„ãŸé ƒã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒæ‹ãˆãšã€ã©ã†ã‚‚æ°—æŒã¡æ‚ªãã¦é€ƒã’ã¦å›žã£ã¦ãŸã‚“ã§ã™ãŒã€äº‹æƒ…ãŒã‚ã£ã¦æœ€è¿‘ã¯æ¸‹ã€…æ›¸ã„ã¦ã¾ã™ã€‚ JavaScripterã®çš†æ§˜ã«ã¨ã£ã¦ã¯ä½•ã‚’ä»Šæ›´ã ã¨ã¯æ€ã„ã¾ã™ãŒ jQuery.Deferredã‚’ä½¿ã£ã¦æ¥½ã—ã„éžåŒæœŸç”Ÿæ´»ã‚’é€ã‚‹æ–¹æ³• ã‚’èªã‚“ã§ Deferred ä¾¿åˆ©ã ãªã€ã¨æ€ã£ãŸã®ã§ç†è§£ã—ãŸã¨ã“ã‚ã‚’ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ åˆ©ç”¨ã‚·ãƒ¼ãƒ³ $.get() ã£ã¦ã‚¨ãƒ©ãƒ¼ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã§ããªã„ã®ã‹ã€‚ä½¿ãˆãªã„ãªãƒ¼ã€‚ã¨æ€ã£ãŸã¨ã è¤‡æ•°ã® AJAX ãƒªã‚¯ã‚¨ã‚¹ãƒˆ(ãªã©ã®éžåŒæœŸå‡¦ç†)ã‚’åŒæ™‚ã«é–‹å§‹ã—ã¦ã€å…¨éƒ¨çµ‚ã‚ã£ãŸã‚‰ä½•ã‹ã—ãŸã„ã¨ãã€‚ Deferred object ã‚ãƒ¼ã«ãªã‚‹ã®ã¯ Deferred object ã§ã™ã€‚ çŠ¶æ…‹ Deferred object ã¯çŠ¶æ…‹ã‚’æŒã¡ã¾ã™ã€‚çŠ¶æ…‹ã¯ï¼“ã¤ã®ã†ã¡ã„ãšã‚Œã‹ã€‚ æœªè§£æ±º(unresolv
animist 2013/08/09
JavaScript

JQuery

deferred
ãƒªãƒ³ã‚¯
deferred.then() | jQuery API Documentation
deferred.then( doneFilter [, failFilter ] [, progressFilter ] )Returns: Promise Description: Add handlers to be called when the Deferred object is resolved, rejected, or still in progress. version added: 1.8deferred.then( doneFilter [, failFilter ] [, progressFilter ] )
animist 2013/08/09
JavaScript

JQuery

deferred
ãƒªãƒ³ã‚¯
jQuery.unique(array) - jQuery æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ã‚µãƒ³ãƒ—ãƒ« ã‚µãƒ³ãƒ—ãƒ«1 var divs = $("div").get(); // add 3 elements of class dup too (they are divs) divs = divs.concat($(".dup").get()); $("div:eq(1)").text("Pre-unique there are " + divs.length + " elements."); divs = jQuery.unique(divs); $("div:eq(2)").text("Post-unique there are " + divs.length + " elements.") .css("color", "red");
animist 2013/08/09
é…åˆ—ã‚’ unique

JQuery

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