[JS]セレクトボックスã®ä½¿ã„å‹æ‰‹ã‚’パワーアップã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Select2
セレクトボックスを美ã—ã„デザインã«ã™ã‚‹ã ã‘ã§ãªãã€å„アイテムã«ç”»åƒã‚’é…ç½®ã—ãŸã‚Šã€ã‚¿ã‚°ã‚„プレースホルダテã‚ストや検索ã®å¯¾å¿œã€ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãªã©ã€ã•ã¾ã–ã¾ãªã“ã¨ãŒã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ Select2 GitHub [ad#ad-2] Select2ã®å¯¾å¿œãƒ–ラウザ Select2ã®ãƒ‡ãƒ¢ã¨å®Ÿè£… Select2ã®å¯¾å¿œãƒ–ラウザ Select2ã®å¯¾å¿œãƒ–ラウザã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ IE8+ ※IE7ã¯z-indexを使ã£ãŸä¸€éƒ¨ã®ã‚‚ã®ã«ãƒã‚°ã‚り。 Chrome8+ Firefox3.5+ Safari3+ Opera10.6+ Select2ã®ãƒ‡ãƒ¢ã¨å®Ÿè£… å„デモã¨ã¨ã‚‚ã«å®Ÿè£…方法を紹介ã—ã¾ã™ã€‚ jQueryã¯1.7+推奨ã§ã€1.4.2ã‹ã‚‰å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ デモ：ベーシック（上：既å˜ã€ä¸‹ï¼šSelect2é©ç”¨ï¼‰ ã¾ãšã¯ã€ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªãƒ‡ãƒ¢ã‹ã‚‰ã€‚ 下記ã®ã‚·ãƒ³ãƒ—ルãªè¨˜è¿°ã§ã€æ—¢å˜ã®ã‚»
今風ã«ãªã£ãŸï¼Web制作ã§ä½¿ãˆã‚‹æœ€è¿‘ã®jQueryプラグインã¾ã¨ã‚
作æˆï¼š2014/10/14 更新：2014/11/01 Web制作 > 比較的最近ã®ãƒ—ラグインã§ã€ä»Šé¢¨ã®å‹•ãã‚’ã™ã‚‹ã‚‚ã®ãªã©ã€åˆ¶ä½œå‰ã«çŸ¥ã£ã¦ãŠãã¨åŠ©ã‹ã‚‹jQueryプラグインをã¾ã¨ã‚ã¾ã—ãŸã€‚国内ã®ã‚µã‚¤ãƒˆã§ã‚ã¾ã‚Šå–り入れã¦ãªã„よã†ãªã‚‚ã®ã‚„ã€å®šç•ªã®ã‚‚ã®ã¾ã§ã€‚ページã«ã¡ã‚‡ã£ã¨ã—ãŸå·¥å¤«ã‚’å‡ã‚‰ã—ãŸã„ã¨ãã‚„ã€å°‘ã—ã‚ãšã‚‰ã—ã„仕掛ã‘ã§ã‚ャンペーンサイトを作りãŸã„ã¨ãã«ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ã㘠動ã １．ジオメトリック 背景 ２．フルスクリーンã§ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ ３．ドãƒã‚¢ãƒ¼é¢¨ãƒ©ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ ４．動画をå†ç”Ÿã™ã‚‹ã‚¿ã‚¤ãƒ—３㤠スクãƒãƒ¼ãƒ« ５．スクãƒãƒ¼ãƒ«ã§ã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ ６．スクãƒãƒ¼ãƒ«ã§å¥¥è¡Œãã‚’è¡¨ç¾ ï¼—ï¼Žã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§åˆ†å‰² ç”»åƒ ï¼˜ï¼ŽAPNG ９．Google ç”»åƒæ¤œç´¢é¢¨ãƒ©ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ １ï¼ï¼Žãƒˆã‚¤ã‚«ãƒ¡ãƒ©é¢¨ã®ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ ãƒãƒƒãƒ—アップ １１．ãŠã—ゃれãªã‚¢ãƒ©ãƒ¼ãƒˆ １２．
jqPlot - Pure Javascript Plotting
jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features: Numerous chart style options. Date axes with customizable formatting. Up to 9 Y axes. Rotated axis text. Automatic trend line computation. Tooltips and data point highlighting. Sensible defaults for ease of use.
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
覚ãˆã¦ãŠããŸã„DevToolsã®ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³APIã¾ã¨ã‚ - Qiita
DevToolsã€ä½¿ã£ã¦ã¾ã™ã‹ï¼Ÿ ã‚‚ã¯ã‚„Chromeã˜ã‚ƒãªã„ã¨é–‹ç™ºã§ããªã„ãらã„ã«é£¼ã„慣らã•ã‚Œã¦ã„ã¾ã™ã€‚ ブレークãƒã‚¤ãƒ³ãƒˆã‚„console.logãªã©åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‹ã‚‰ã€Timelineã¨Auditsを使ã£ã¦ã®ãƒ‘フォーマンス計測ãªã©ãªã©ã€DevToolsã®ãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ã¯è¨ˆã‚ŠçŸ¥ã‚Œã¾ã›ã‚“。 個人的ã«ã¯Console APIãŒå¥½ããªã‚“ã§ã™ãŒã€ä»Šå›žã¯Consoleパãƒãƒ«ã§ä½¿ãˆã‚‹ Command Line API ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ $_ $_ã«ã¯æœ€å¾Œã«è©•ä¾¡ã—ãŸå¼ã®çµæžœãŒä¿å˜ã•ã‚Œã¦ã„ã¾ã™ã€‚ Console上ã§è¨ˆç®—ã‚’è¡Œãªã£ãŸå ´åˆã‚„ã€$セレクタãªã©ã§DOMを検索ã—ãŸçµæžœãªã©ã€æœ€å¾Œã®çµæžœãŒå¸¸ã«ä¿å˜ã•ã‚Œã¾ã™ã€‚ $0 〜 $4 $0ã‹ã‚‰$4ã«ã¯Elementsパãƒãƒ«ã§é¸æŠžã—ãŸè¦ç´ ãŒ5ã¤ä¿å˜ã•ã‚Œã¦ã„ã¾ã™ã€‚$0ãŒæœ€å¾Œã«é¸æŠžã—ãŸè¦ç´ ã§æ•°å—ãŒå¢—ãˆã‚‹ã”ã¨ã«éŽåŽ»ã«é¸æŠžã—ãŸè¦ç´ ã«ãªã‚Šã¾ã™ã€‚ $0ã¯ç‰¹ã«ä½¿ã„ã‚„
ã¨ã‚Šã‚ãˆãšjQueryã®ãƒ—ラグイン作ã£ã¦ã¿ã‚‹ | Web | position: absolute;
ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯jQuery Advent Calendar 2013ã®18日目ã«ãªã‚Šã¾ã™ã€‚ jQueryã®ãƒ—ラグインã¨ã„ãˆã°ä½•ã‹ã—らãŠä¸–話ã«ãªã£ã¦ã„る人ãŒã»ã¨ã‚“ã©ã ã¨æ€ã„ã¾ã™ãŒã€è‡ªåˆ†ã§ä½œæˆã™ã‚‹ã¨ã„ã†ã®ã‚‚ã§ãã‚‹ã®ã§ã¨ã‚Šã‚ãˆãšã‚µã‚¯ãƒƒã¨ä½œã‚‹ã“ã¨ãŒã§ãる範囲ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ã¨ã„ã†å°Žå…¥ã§ã™ã®ã§ã€æ¯”較的軽ã„内容ã«ãªã‚Šã¾ã™ãƒ¼ã€‚ jQueryプラグインを作る？ 別ã«ä½œã£ã¦å…¬é–‹ã—ã¦ä¸–ç•Œä¸ã§ä½¿ã£ã¦ã‚‚らãˆã¨ã„ã†è©±ã§ã¯ãªã„ã§ã™ã€‚ãŸã¨ãˆã°è‡ªåˆ†ã‚„会社内ã§ã‚ˆã利用ã™ã‚‹æ©Ÿèƒ½ã¨ã‹ã€æ¯”較的jQeryを利用ã—ãŸJavaScriptã®ãƒ—ãƒã‚°ãƒ©ãƒ 群ãŒå¤§ãããªã£ã¦ããŸã¨ã„ã†æ™‚ã«ãƒ—ラグイン化ã—ã¦ã—ã¾ãˆã°ã€ä»–ã®æ©Ÿä¼šã«ä½¿ã„ã‚„ã™ããªã£ãŸã‚Šã€æ„図ã›ãšä»–ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã«å½±éŸ¿ã‚’与ãˆã¦ã—ã¾ã†ã¨ã„ã†ã“ã¨ãŒé¿ã‘られãŸã‚Šã¨ãƒ¡ãƒªãƒƒãƒˆãŒçµæ§‹ã‚ã‚Šã¾ã™ã€‚ プラグイン化ã™ã‚‹ã¨ã„ã†ã®ã¯ãƒ‘ッケージã«ã—ã¦ã—ã¾ã†ã¨ã„ã†ã“ã¨ãªã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒ 群ã‹ã‚‰ç‹¬ç«‹ã—ã¦æ´»ç”¨ã§ãã¾ã™ã—ã€ã‚ª
ページèªã¿è¾¼ã¿æ™‚ã«å®Ÿè¡Œã™ã‚‹javascriptã«ã¤ã„ã¦ã®Tips | Tips Note
ページèªã¿è¾¼ã¿æ™‚ã«å®Ÿè¡Œã™ã‚‹javascript㯠指定方法ãŒã„ãã¤ã‚‚å˜åœ¨ã™ã‚‹ãŸã‚〠複雑ã«ãªã‚Šã‚„ã™ãã€åº¦ã€…エラーã®åŽŸå› ã«ãªã‚Šã¾ã™ã€‚ ã€æŒ‡å®šæ–¹æ³•ã®ç¨®é¡žã€‘ â– onloadイベント ページèªã¿è¾¼ã¿æ™‚ã«å®Ÿè¡Œã—ãŸã„処ç†ãŒã‚ã‚‹å ´åˆã€ 通常ã¯javascriptã®onloadイベントを使用ã—ã¾ã™ã€‚ BODYè¦ç´ ã«onloadå±žæ€§ã‚’è¿½åŠ ã—ãŸã‚Šã€ 下記ã®ã‚ˆã†ãªjavascriptã®æŒ‡å®šã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•ãŒã‚ˆã見られã¾ã™ã€‚ window.onload = function(){ // ページèªã¿è¾¼ã¿æ™‚ã«å®Ÿè¡Œã—ãŸã„å‡¦ç† } â– jQueryã®readyメソッド ライブラリã¨ã—ã¦jQueryを使用ã—ã¦ã„ã‚‹å ´åˆã¯ã€ readyメソッドを使用ã—ã¦ã€ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿æ™‚ã«javascriptを実行ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ $(document).ready( function(){ // ページèªã¿è¾¼ã¿æ™‚ã«å®Ÿè¡Œã—ãŸã„å‡¦ç† }); ã€
eventå¼autoKana.jsã®ç´¹ä»‹ - KAYAC Engineers' Blog
ã™ã§ã«è‹¥å¹²ä¹—ã‚Šé…ã‚Œã¦ã‚‹æ„Ÿã˜ã‚‚ã—ã¾ã™ãŒã€èªã¿ä»®åã®è‡ªå‹•å…¥åŠ›ãŒã¯ã‚„ã£ã¦ã„るよã†ãªã®ã§ä¹—ã£ã‹ã£ã¦ã¿ã¾ã™ã€‚ サンプル （IE7,FF2,safari3.1ã§å‹•ä½œç¢ºèªï¼‰ ãŠæ°—ã¥ãã®æ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã“ã‚Œã¾ã§ã®è¨˜äº‹ï¼ˆï¼‘，２，３）ã¯ã“ã®ãƒ©ã‚¤ãƒ–ラリを作るéŽç¨‹ã§ç™ºè¦‹ã—ãŸã“ã¨ã®ã¾ã¨ã‚ã§ã™ã€‚ ã§ã€ã“ã®ãƒ©ã‚¤ãƒ–ラリもçµå±€ã¯èªã¿ä»®åã®è‡ªå‹•å…¥åŠ›ãªã‚“ã§ã™ãŒã€ä»Šã¾ã§ã®autoKana.jsã¨é•ã£ã¦setInterval（or setTimeout）を使用ã—ã¦ã„ã¾ã›ã‚“。 ã§ã¯ã©ã®ã‚ˆã†ã«ã—ã¦èªã¿ã‚’å–å¾—ã—ã¦ã„ã‚‹ã‹ã¨ã„ã†ã¨ã€IE,safariã§ã¯keyupã€FFã§ã¯textイベントを使用ã—ã¦ã‚ー入力をå–å¾—ã—ã€ãã®æ™‚点ã®ã²ã‚‰ãŒãªã‹ã‚‰èªã¿ã‚’èªè˜ã—ã¦ã„ã¾ã™ã€‚ ã“ã®æ–¹æ³•ã ã¨timerã‚’ã¾ã‚ã™å¿…è¦ãŒãªã„ã®ã§ãƒ–ラウザã®è² 担も軽ãã€é«˜é€Ÿã§ã‚ーを入力ã•ã‚Œã¦ã‚‚å–ã‚Šã“ã¼ã—ã‚‚ãªãã€ã‚¤ãƒ™ãƒ³ãƒˆé§†å‹•ãªã®ã§ã‚³ãƒ¼ãƒ‰ãŒçŸããªã‚‹ç‰ã®åˆ©ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ ãŸã ã€o
フォームã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒ˜ãƒ«ãƒ—をツールãƒãƒƒãƒ—ã§å®Ÿè£…ã™ã‚‹jQueryプラグイン・jQuery FormHelp - ã‹ã¡ã³ã¨.net
割ã¨éœ€è¦ã‚ã‚Šãã†ãªã®ã§å‚™å¿˜éŒ²ã¤ã„ã§ã«ã”紹介。ツールãƒãƒƒãƒ—ã§å®Ÿè£…ã™ã‚‹ã€ãƒ†ã‚ストã®ãƒ•ã‚©ãƒ¼ãƒ ヘルパーã§ã™ã€‚「ã“ã†ã„ã†å…·åˆã«å…¥åŠ›ã—ã¦ãã€ã¿ãŸã„ãªã®ã‚’明示ã™ã‚‹ã‚„ã¤ã€‚ フォームã®ãã‚Œãžã‚Œã®é …ç›®ã«ãƒ˜ãƒ«ãƒ—を作るスクリプトã§ã™ã€‚マウスホãƒãƒ¼ã‚„フォーカスã§ãƒ„ールãƒãƒƒãƒ—を出ã™ã€ã¨ã„ã†ã‚‚ã®ã€‚プラグインã§å®Ÿè£…ã™ã‚‹ã»ã©ã®ã‚‚ã®ã§ã‚‚ç„¡ã„ã‹ã‚‚ã§ã™ã‘ã©ã€ã“ã‚Œã¯ã“ã‚Œã§æ¥½ãã†ã€‚ 動作サンプルã§ã™ã€‚HTMLを普通ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã ã‘ã§è‡ªç”±ã«ãƒ„ールãƒãƒƒãƒ—内ã«å®Ÿè£…ã§ãã‚‹ã®ã¯æ¥½ã§ã™ã。 コード 本体ã¨ãƒ—ラグインをèªã¿è¾¼ã¿ã¾ã™ã€‚ $.formHelp(); コールã—ã¾ã™ã€‚ <input id="input-email" type="email"/> <span class="helptext" data-for="#input-email"> <p>ã“ã“ã«ãƒ„ールãƒãƒƒãƒ—</p> <hr> HTMLãŒè‡ªç”±ã«ä½¿ãˆã¾ã™ <ul> <li>One
jQuery Documents Main Page - jQuery
jQuery 4.0 is coming soon! Prepare by upgrading to the latest jQuery 3.x release. Learn more about our version support. jQuery API jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery, we
jQueryã§thisã®åè¦ç´ ã‚’å–å¾—ã™ã‚‹ã‚„ã‚Šæ–¹ã„ã‚ã„ã‚ | Base Views
公開 2010å¹´6月6日（日） æ›´æ–°æ—¥ 2014å¹´8月18日（月） スãƒãƒ³ã‚µãƒ¼ãƒªãƒ³ã‚¯ jQueryを使ã£ã¦ã„ã¦ã€thisã¨ãã®åè¦ç´ ã‚’åŒæ™‚ã«æŒ‡å®šã—ãŸã„å ´åˆãŒã‚る。 çµæ§‹ã„ã‚ã‚“ãªã‚„ã‚Šæ–¹ãŒã‚ã‚‹ã¿ãŸã„ã§ã€å–ã‚Šã‚ãˆãšä½¿ã„ã‚„ã™ãã†ãªã®ã§ä¸‹ã®3通り。 $("hoge",this) $(this).children("hoge") $(this).find("hoge") 一番上ãŒã‚·ãƒ³ãƒ—ルã§ã„ã„ã‹ã¨æ€ã†ã‚“ã§ã™ãŒã€å–å¾—ã—ãŸã„this直下ã®è¦ç´ åã‚’thisã®æ‰‹å‰ã«æ›¸ãã‚“ã§ã™ã… 使ã„ã©ã“ã‚ã¯å¤šãã†ã§ã™ãŒã€ä¾‹ãˆã°ä¸‹ã¿ãŸã„ãªã®ã€‚「Click1ã€ã‚’クリックã—ãŸã‚‰ãã®ç›´ä¸‹ã®<div>ãŒéš れるよã†ã«ã—ãŸã„å ´åˆã¨ã‹ã€‚ <ul> <li>Click1 <div> <h2>Menu1</h2> <p>text1</p> </div> </li> <li>Click2 <div> <li>Menu2</li> <li>tex
jQuery ã® on() 㨠off() ã‚’ç†è§£ã™ã‚‹ - tacamy--blog
åˆå¿ƒè€…å‘ã‘ã®æœ¬ã¨ã‹ã ã¨ã€ã‚¤ãƒ™ãƒ³ãƒˆã‚’ jQuery オブジェクトã®å¾Œã«ç›´æŽ¥æŒ‡å®šã™ã‚‹ã€ $('.foo').click(); ã®ã‚ˆã†ãªæ›¸ãæ–¹ã§èª¬æ˜Žã•ã‚Œã¦ã„ã‚‹å ´åˆãŒå¤šã„ã‘ã©ã€å°‘ã—複雑ãªã“ã¨ã‚’ã—よã†ã¨ã™ã‚‹ã¨ãã‚Œã ã¨å›°ã‚‹ã“ã¨ãŒå‡ºã¦ãã¾ã™ã€‚ãã‚“ãªã¨ãã«ä¾¿åˆ©ãªã®ãŒ on() を使ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆè¨å®šã§ã™ã€‚ on() ã²ã¨ã¤ã§ bind() live() delegate() を表ã›ã‚‹ jQuery 1.7 ã§ã€bind() live() delegate() ãŒã™ã¹ã¦ on() ã«çµ±åˆã•ã‚ŒãŸãã†ã§ã™ã€‚ ã¤ã¾ã‚Š on() ã®æ›¸ãæ–¹ã«ã‚ˆã£ã¦ã€3 パターンã®ä½¿ã„æ–¹ãŒã§ãã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ .foo ã¨ã„ã†è¦ç´ をクリックã—ãŸã‚‰ä½•ã‹ã™ã‚‹ã¨ã„ã†ä¾‹ã§ã€ã‚¤ãƒ™ãƒ³ãƒˆã®è¨å®šã¨å‰Šé™¤ã®æ–¹æ³•ã‚’ãã‚Œãžã‚Œæ›¸ã„ã¦ã¿ã¾ã™ã€‚ bind() $('.foo').bind('click', function(){...}); 㯠$('.foo')
HTMLã®ã‚らゆるエレメントã«æ³¨é‡ˆã‚’入れられるjQueryプラグイン「Chardin.jsã€:phpspot開発日誌
Chardin.js HTMLã®ã‚らゆるエレメントã«æ³¨é‡ˆã‚’入れられるjQueryプラグイン「Chardin.jsã€ã€‚ 次ã®ã‚ˆã†ã«æ³¨é‡ˆã‚’入れられã¾ã™ã€‚応用ã™ã‚Œã°è‰²ã€…ã¨ä¾¿åˆ©ã«ä½¿ã†ã“ã¨ãŒã§ããㆠサイトã®èª¬æ˜Žã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’オーãƒãƒ¼ãƒ¬ã‚¤ã§è¡¨ç¤ºã—ãŸã‚Šã€ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ—レゼンãªã‚“ã‹ã«ä½¿ãˆã‚‹ã‹ã‚‚ 関連エントリ iPhoneã®ã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼é¢¨UIãŒä½œã‚Œã‚‹jQueryプラグイン「jPanelMenu〠アニメーションã—ãªãŒã‚‰ã‚½ãƒ¼ãƒˆã§ãã‚‹jQueryプラグイン「Animated Table Sorter〠画åƒã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ä½¿ãˆã‚‹jQueryプラグイン「jQuery Photoset Grid〠スプライトアニメーション作æˆç”¨jQueryプラグイン「Phantascope〠ドラッグ＆ドãƒãƒƒãƒ—ã§ä¸¦ã³æ›¿ãˆãŒã§ãるダッシュボード作æˆjQueryプラグイン「sDashboard〠テã‚ストを新èžé¢¨ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
Googleç”»åƒæ¤œç´¢ã£ã½ã„ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä½œã‚Œã‚‹jQueryプラグイン「Superboxã€:phpspot開発日誌
Superbox, the lightbox, reimagined Googleç”»åƒæ¤œç´¢ã£ã½ã„ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä½œã‚Œã‚‹jQueryプラグイン「Superbox〠オーãƒãƒ¼ãƒ¬ã‚¤ã§ã¯ãªãã€ãã®å ´ã§ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã«ç”»åƒãŒæ‹¡å¤§ã•ã‚Œã‚‹Googleç”»åƒæ¤œç´¢ã¯ãªã‹ãªã‹ä½¿ã„ã‚„ã™ã„ã§ã™ãŒã€ãれを実ç¾ã™ã‚‹ãŸã‚ã®jQueryプラグイン。 LightBoxãŒå‡ºãŸã®ãŒ2005å¹´ã§ã™ãŒã€ã‚ã‚Œã‹ã‚‰ã‚‚ã†ï¼˜å¹´ã‚‚経ã¤ã‚“ã§ã™ã。ã‚ã‚Œã‹ã‚‰è‰²ã€…ãªãƒšãƒ¼ã‚¸å†…ã§é–‹ã‘ã‚‹ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒå‰µé€ ã•ã‚Œã¾ã—ãŸãŒã€ã“ã®UIã‚‚ãã®ï¼‘ã¤ã§ã™ã。 １ï¼å¹´å¾Œã®ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¯ã©ã†ã„ã†ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒä¸»æµã«ãªã£ã¦ã„ã‚‹ã‚“ã§ã—ょã†ã。 関連エントリ ギャラリーã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ç‰ã€è¤‡æ•°ç”»åƒã®è¦‹ã›æ–¹ã‚’色々æä¾›ã™ã‚‹jQueryプラグイン「Rondell〠å“上ã«å†™çœŸã‚’ç½®ã„ãŸã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ä½œæˆç”¨ã®jQueryプラグイン
HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #17 Bootstrap をカスタマイズã—ã¦ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’作ã£ã¦ã¿ãŸ | DevelopersIO
トレンディ且ã¤ãƒŠã‚¦ã„ Web ページを構築ã™ã‚‹ãŸã‚ã® CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼ˆâ€»æž çµ„ã¿ï¼‰ã§ã™ã€‚フレームワークã¨ã„ã†ã¨ãªã‚“ã ã‹å¤§è¢ˆè£ŸãªéŸ¿ãã§ã™ãŒã€å®Ÿæ…‹ã¯å˜ãªã‚‹ CSS 㨠JavaScript ã¨ã„ã†ï¼’ã¤ã®ãƒ†ã‚ストファイルã ã‘ã§ç‰¹åˆ¥ãªä½¿ã„æ–¹ç‰ã‚‚ã‚ã‚Šã¾ã›ã‚“。利用者ã¯ã“れらを HTML ファイルã«èªã¿è¾¼ã¾ã›ãŸã®ã¡ã€Bootstrap å´ã§æ—¢ã«å®šç¾©æ¸ˆã¿ã®ã‚¯ãƒ©ã‚¹ã‚’å„ HTML è¦ç´ ã«æŒ‡å®šã™ã‚‹ã ã‘ã§ã€è‡ªåˆ†ã¯ä¸€è¡Œã‚‚ CSS を書ãã“ã¨ãªã高å“質㪠Web ページãŒä½œã‚Œã¦ã—ã¾ã£ãŸã‚Šã—ã¾ã™ã€‚ Twitter Bootstrap ã†ã‚覚ãˆã§ã™ãŒã€2011å¹´ã®å¤é ƒã«æœ€åˆã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—㟠*1。当時 Twitter ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ç¾åœ¨ã¯ Github ã«ãŠå‹¤ã‚ä¸ã® Mark Otto æ°ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã€2013å¹´4月時点ã§ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³2.3.1ãŒæœ€æ–°ç‰ˆã¨ãªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³3.0
HTML5ã®placeholder属性を代替ã™ã‚‹jQueryプラグイン(ah-placeholder.js) ::ãƒãƒ–ã‚ã
HTML5ã®ä»•æ§˜ã«ã‚ã‚‹placeholder属性をã€æœªå¯¾å¿œã®ãƒ–ラウザã§ã‚‚擬似的ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹jQueryプラグインã§ã™ã€‚title属性ã«å…¥ã‚ŒãŸæ–‡å—列をã€ãƒ—レースホルダー用ã®ãƒ†ã‚ストã¨ã—ã¦æ‰±ã„ã¾ã™ã€‚placeholder属性ã«ã¤ã„ã¦ã¯ä»¥ä¸‹ãªã©ã‚’å‚照。 HTML5ã®Formã§å®Ÿç¾ã•ã‚Œã‚‹placeholderã€autofocusãŒä¾¿åˆ©ãㆠ- IDEA*IDEA <input> placeholderï¼HTML5タグリファレンス 今回ã®ãƒ—ラグインã¯ã€HTML5ã®placeholder属性をjQueryã§ã‚„ã£ã¦ã¿ã‚‹ :: ãƒãƒ–ã‚ã ã§ã€ä»¥å‰æ›¸ã„ã¦ã„ãŸjQueryã‚’æ•´ç†ã—ã¦ã€ãƒ—ラグインã®ä½“è£ã«æ•´ãˆã¦ã¿ãŸã‚‚ã®ã§ã™ã€‚車輪ã®å†ç™ºæ˜Žã‚‚ã„ã„ã¨ã“ã§ã™ã。 2011-09-09追記 ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.2ã§placeholderAttrã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’è¿½åŠ ã“ã‚Œã¾ã§placeholder属性代ã‚ã‚Šã«ä½¿ã†å±žæ€§ãŒtitle
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jQuery .sortable - nested lists - JSFiddle - Code Playground
HTML/SELECTカスタマイズ
http://s3pw.com/jQ-JPN/
GitHub - harisenbon/autokana: Library for automatically rendering Furigana for inputted Japanese Text
{{#tags}}- {{label}}
{{/tags}}