(function(){})() 㨠function(){}() - IT戦記
自分用メモ // JavaScript ã§ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã‚’書ãã¨ãã“ã†æ›¸ã事ãŒå¤šã„ (function() {})() // 何故ãªã‚‰ // function() {}() // ã¨æ›¸ã㨠// function() {} ãŒå¼ã§ã¯ãªãã€æ–‡ã¨ã—ã¦è§£é‡ˆã•ã‚Œã¦ã—ã¾ã†ã‹ã‚‰ã 。 // æ–‡ã¨ã—ã¦è§£é‡ˆã•ã‚Œãªã„ãŸã‚ã«ã¯ã€æ–‡ã®é€”ä¸ï¼ˆæœ€åˆä»¥å¤–）㫠function ã¨æ›¸ã„ã¦ã‚„ã‚‹å¿…è¦ãŒã‚ã‚‹ // ãªã®ã§ã€ã¾ãšé–‹ãカッコを書ã„ã¦ã‚„る。 ( // ã®å¾Œã« function() {} // ã¨æ›¸ã„ã¦ã‚„る㨠function ã¯å¼ã«ãªã‚‹ ) // æ£ç¢ºã«ã¯ã€ã‚«ãƒƒã‚³ã®å¯¾ã¯ The Grouping Operator ã¨ã„ã†æ¼”ç®—åã§ã‚る。 // カッコ以外ã«ã‚‚ var a = // ã®ã‚ˆã†ã«ä»£å…¥æ¼”ç®—åã®ã‚ã¨ã§ã‚‚ã„ã„ function() {} // ã¤ã¾ã‚Šã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã‚‚å¯èƒ½ã§ã‚る。 var b = function()
フェードイン・フェードアウトã«ã‚ˆã‚‹ç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’ jQuery ã§ç°¡å˜ã« | æ±äº¬ã®ãƒ›ãƒ¼ãƒ ページ制作 / WEB制作会社 BRISK
<div id="cover"> <div><img src="demo-pic-1.jpg"></div> <div><img src="demo-pic-2.jpg"></div> <div><img src="demo-pic-3.jpg"></div> <div><img src="demo-pic-4.jpg"></div> <div><img src="demo-pic-5.jpg"></div> </div>
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
jQuery ã® $().each() ã§å€‹åˆ¥å‡¦ç†(ループ) | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã“ã‚“ã«ã¡ã¯ã€ã‚„ã£ã¨åœ°ä¸Šãƒ‡ã‚¸ã‚¿ãƒ«æ”¾é€ãŒã†ã¡ã®ãƒ†ãƒ¬ãƒ“ã«æ˜ るよã†ã«ãªã‚Šã¾ã—ãŸã€‚tanakaã§ã™ã€‚液晶テレビã¯ã‚‚ã†1å¹´å‰ã«è²·ã£ã¦ã„ãŸã®ã§ã€ã¤ã„ã«ãƒ•ãƒ«ãƒ‘ワーを発æ®ã—ã¦ã„ã‚‹ã‚“ã§ã™ãŒã€æ–°å“ã¿ãŸã„ã§ã™ã€‚ 今日ã¯jQuery ã® each ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ã¨ã‚Šã‚ã’ã¾ã™ã€‚ jQuery ã¯ãƒ«ãƒ¼ãƒ—処ç†ã‚’æ„è˜ã—ãªãã¦ã‚‚使ãˆã‚‹ jQuery ãŒã‚ˆã使ã‚れるJavaScriptライブラリã§ã‚ã‚‹ç†ç”±ã®ã²ã¨ã¤ã«ã€CSSライクã«ã€å®£è¨€çš„ãªè¨˜è¿°ãŒã§ãã‚‹ã€ã¨ã„ã†ã“ã¨ã‚’ã‚ã’ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚複数ã®è¦ç´ ã«åŒã˜ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ãŸã„ã¨ãã€CSSã§ã¯ãƒ«ãƒ¼ãƒ—処ç†ã‚’書ãå¿…è¦ãŒã‚ã‚Šã¾ã›ã‚“ãŒã€jQuery も基礎的ãªä½¿ã„æ–¹ã§ã¯ãƒ«ãƒ¼ãƒ—ã‚’æ„è˜ã—ãªãã¦ã‚‚書ãã“ã¨ãŒã§ãã¾ã™ã€‚ $('p').css('background-color', 'yellow'); // ã™ã¹ã¦ã® p è¦ç´ ã®èƒŒæ™¯è‰²ã‚’黄色ã«ã™ã‚‹ $('p').prepend('Oh! ');
jQueryã«ãŠã‘ã‚‹:first-childã¨:firstã®é•ã„
jQueryã«ãŠã‘ã‚‹:first-childã¨:firstã®é•ã„ jQueryã«ã¯ã€Œ:first-childã€ã¨ã„ã†ã‚»ãƒ¬ã‚¯ã‚¿ã¨ã€Œ:firstã€ã¨ã„ã†ã‚»ãƒ¬ã‚¯ã‚¿ãŒå˜åœ¨ã—ã¦ãŠã‚Šã€æ··åŒã•ã‚ŒãŒã¡ã§ã™ãŒç•°ãªã‚‹æ„味をæŒã£ã¦ãŠã‚Šã¾ã™ã€‚ 例ãˆã°ã€æ¬¡ã®ã‚ˆã†ãªHTMLãŒã‚ã‚‹ã¨ã—ã¾ã™ã€‚ <ul> <li>list1-1</li> <li>list1-2</li> <li>list1-3</li> <li>list1-4</li> </ul> <ul> <li>list2-1</li> <li>list2-2</li> <li>list2-3</li> <li>list2-4</li> </ul> :first-childã§æŒ‡å®šã§ãã‚‹ã®ã¯ã€Œ<li>list1-1</li>ã€ã¨ã€Œ<li>list2-1</li>ã€ã§ã™ã€‚ $("li:first-child").css("color","red"); サンプル 一方:f
ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã€ãƒœã‚¿ãƒ³ç”»åƒã®ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆ 10+ - NxWorld
ç”»åƒã®ã‚ªãƒ³ã‚ªãƒ•åˆ‡ã‚Šæ›¿ãˆã¨ã„ã£ãŸã‚ˆã†ãªãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆã§ã€ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚‚ã®ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3ã‚„jQueryを使ã£ã¦ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸå‹•ãã‚’å–り入れるサイトも見ã‹ã‘ã‚‹ã“ã¨ã‚‚多ããªã‚Šã¾ã—ãŸãŒã€ä»Šå›žã¯æ™®æ®µã‚‚ä½¿ç”¨é »åº¦ãŒé«˜ã„ã¨æ€ã†å®šç•ªã®ã‚‚ã®ã«çµžã‚Šã¾ã—ãŸã€‚ サンプルã§ä½¿ç”¨ã™ã‚‹ç”»åƒã¨DEMOã«ã¤ã„㦠å„マウスオーãƒãƒ¼ã®å‹•ãを実装ã™ã‚‹ã«ã‚ãŸã£ã¦ä¸Šã®ã‚ˆã†ãª3タイプã®ãƒœã‚¿ãƒ³ç”»åƒã‚’用ã„ã¦ãŠã‚Šã€å„ボタンã¯ãã‚Œãžã‚Œä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ type A å˜ä½“ã®ãƒœã‚¿ãƒ³ç”»åƒ type B オンã¨ã‚ªãƒ•ã‚’1æžšã®ç”»åƒã«ã—ãŸã€ã‚¹ãƒ—ライト型 type C オンã¨ã‚ªãƒ•ã‚’ãã‚Œãžã‚Œåˆ¥ã®ç”»åƒã«ã—ã€ã‚ªãƒ•æ™‚ã®ã‚‚ã®ã¯_offã€ã‚ªãƒ³æ™‚ã®ã‚‚ã®ã¯_onã‚’æ‹¡å¼µåå‰ã«å…¥ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚µãƒ³ãƒ—ルも用æ„ã—ãŸã®ã§å®Ÿéš›ã®å‹•ãã¯ã“ã¡ã‚‰ã§ç¢ºèªã—ã¦ä¸‹ã•ã„。 CSS：マウスオーãƒãƒ¼æ™‚ã«é€éŽã•ã›ã‚‹ CSSã®opacity（IEã¯filter）ã®
ã€é»„金比・計算サイト ★★★】 - Metallic Ratio
This domain may be for sale!
æ ªå¼ä¼šç¤¾ã‚¯ãƒªãƒ¼ãƒ  | CREAMU, Inc.
art direction & design: Kunitaka Kawashimo code, interaction & photography: creamu Inc. our tagline: Design consulting firm focusing on art direction & branding in the field of graphic, web design. what we do: ビジュアルé¢ã«ãŠã‘ã‚‹ アートディレクション・デザインを通ã—ã¦ã€ ä¼æ¥ä¾¡å€¤ã®å‘上・ブランディングã«è²¢çŒ®ã—ã¾ã™ã€‚ our portfolio: 制作実績PDFï¼ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ª where we are: æ±äº¬éƒ½æ¸‹è°·åŒºä»£å®˜å±±ç”º17-1 A-1305 150-0034 contact: 皆ã•ã¾ã‹ã‚‰ã®ãŠå•ã„åˆã‚ã›ã‚’心ã‹ã‚‰ ãŠå¾…ã¡ã—ã¦ãŠã‚Šã¾ã™ã€‚ãŠæ°—軽ã«ãŠå•ã„åˆã‚ã›ãã ã•ã„。 03-6427
æ±äº¬ã€ãƒ–ックカフェ 20é¸ - Time Out Tokyo（タイムアウトæ±äº¬ï¼‰
🙌 Awesome, you're subscribed! Thanks for subscribing! Look out for your first newsletter in your inbox soon! Get us in your inbox Sign up to our newsletter for the latest and greatest from your city and beyond
Every Last Drop – An Interactive Website about Water Saving
In the UK we each use around 150 litres of water per day. But this is only part of the picture. When you consider the water required to produce all the stuff we consume, we actually guzzle a massive 4,645 litres every day. One third of our water is lost through leaky pipes before it even gets to our homes
ギャルã§ã‚‚ã‚Žã‹ã‚‹è‡ªä½œPC
市販ã®PCケースをã£ã‹ã‚Žãšã«PCを組むã¨ã€ PCã®é›»æºã‚’入れるスイッãƒãŒãªãƒã€ã¦å•é¡Œã«ç›´é¢ï¼ ã¦ã“ã¨ã§ã€ãれをãªã‚“ã¨ã‹ã—ã¦ãƒãã‚‡ï¼ å³ã«ãã‚‹ã®ã‚Žã€ ï¼°ï¼£ã®é›»æºã®ON OFFスイッãƒã¨ã€ãƒªã‚»ãƒƒãƒˆã‚¹ã‚¤ãƒƒãƒã€ ãã¨çŠ¶æ…‹ãŒã‚Žã‹ã‚‹LEDãŒã€ãœã‚“ã¶æƒã£ã¦ãã£ã¤ãƒã¦ã‚‹ã‚±ãƒ¼ãƒ–ãƒ«ï¼ CRAM WORKSã£ã¦ã¨ã“ã®ã§ã€amazonã§è²·ã£ãŸã‚‡ クラムワークス PCマザーボード用 スイッム& LED â†ã“ã‚Œã 実ゎã»ã‹ã«ã‚‚ã«ã¦ã‚‹ã¡ãŒã…ゃã£è²·ã£ã¦ãŸã‚“ã ã‘ã©ã€ ケーブル部分ã®å–り回ã—ã®ã—ゃã™ãーã ã‹ã‚‰ã€ã“ã‚Œã«ã—ãŸï¼ å·¦ã®ã‚Žã€å³ã®ãƒãƒ©â‘¡ã«ãªã£ã¦ã‚‹ã‚³ãƒã‚¯ã‚¿ã‚’ã¾ã¨ã‚ã¦ãれるゃ㣠ã“ã®ãƒ©ã‚¤ãƒˆã‚Žã€ãŸã¶ã‚“ã ã‘ã©æ¸‹è°·ã‚»ãƒ³ã‚¿ãƒ¼è¡—ã®ãƒ€ã‚¤ã‚½ãƒ¼ã§è²·ã£ãŸ ã‚‚ã—ãゎ渋谷æ±æ€¥ãƒãƒ³ã‚ºã®å‘ã‹ãƒã®ã‚ャン★ドゥ ã“ã‚“ãªã®ã‚’ã€ãªã«ã«ä½¿ã…ã‹ã‚Žâ€¦ã€ã“ã®å¾Œã™ãã‚Žã‹ã‚‹ï¼ ã²ã¨ã¾ãšã€ã©ã£ã¡ã®ãƒ©ã‚¤ãƒˆã‚‚ã€ã¨ã«ã‹ã分解ï¼ï¼ 分解ã—ã¦å–ã‚ŒãŸã€ã“ã®ã€ãƒšã‚³â‘¡ã¸ã“ã‚€ã€ã‚ƒã‚Žã‚‰ã‹
メンテナブルCSS
æ¦‚è¦ ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«ãªCSSを目指ã—ã€å®šç¾©ã•ã‚ŒãŸä¸€èˆ¬çš„ãªCSSルールã®ç´¹ä»‹ã¨ã€ãれらã®ãƒ«ãƒ¼ãƒ«ã‚’é©ç”¨ã™ã‚‹ã«ã‚ãŸã£ã¦æ´»ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã‚’å ±å‘Šã—ã¾ã™ã€‚ 1. åºè«– CSSã¯è¨˜è¿°ãƒ«ãƒ¼ãƒ«ãŒç°¡ç´ ã§ã‚ã‚Šã€å°‘ã—ã®å¦ç¿’コストã§ã™ãã«è¨˜è¿°ãŒã§ãる手軽ãªãƒ„ールã§ã™ã€‚ ã—ã‹ã—ã€å¤§è¦æ¨¡ãªã‚¢ãƒ—リケーションã§è¤‡æ•°äººã§é–‹ç™ºã™ã‚‹ã‚±ãƒ¼ã‚¹ç‰ã§ã¯ã€è¦‹æ „ãˆã ã‘ã—ã‹è€ƒãˆãšã«èº«å‹æ‰‹ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã—ã¾ã†ã¨ã€ éžå¸¸ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚³ã‚¹ãƒˆãŒã‹ã‹ã‚‹è² ã®éºç”£ãŒä½œã‚‰ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ãã®ãŸã‚CSSã®å“質をä¿ã¤ãŸã‚ã«æ§˜ã€…ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã€CSSã®å®šç¾©ãƒ«ãƒ¼ãƒ«ãŒæ±ºã‚られã¦ã„ã¾ã™ã€‚ 本稿ã§ã¯ä¸€èˆ¬çš„ãªCSSã®å®šç¾©ãƒ«ãƒ¼ãƒ«ã¨ã€ãã®ãƒ«ãƒ¼ãƒ«ãŒãªãœä½œã‚‰ã‚ŒãŸã®ã‹ã‚’åˆã›ã¦å ±å‘Šè‡´ã—ã¾ã™ã€‚ ã¾ãŸã€CSSã®ãƒ«ãƒ¼ãƒ«ã‚’é©ç”¨ã™ã‚‹ã«ã‚ãŸã£ã¦ã€æ‰‹å‹•ãƒ»ç›®è¦–ã§ãƒ«ãƒ¼ãƒ«ã®é©ç”¨ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã®ã¯éžå¸¸ã«ã‚³ã‚¹ãƒˆãŒé«˜ã„作æ¥ã§ã™ã€‚ ã“れらルールã®é©ç”¨ã‚’補助ã™ã‚‹ãƒ„ール群をã€åˆã›ã¦å ±å‘Šè‡´ã—ã¾ã™ã€‚
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Loading...
{{#tags}}- {{label}}
{{/tags}}