jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.14? Compatibility with recent jQuery versions (up to 3.7): Usage of deprecated jQuery API
Tablesorterã§HTMLã®è¡¨ã‚’ソート(並ã³æ›¿ãˆ)å¯èƒ½ã«ã™ã‚‹ [ホームページ作æˆ] All About
Tablesorterã§HTMLã®è¡¨ã‚’ソート(並ã³æ›¿ãˆ)å¯èƒ½ã«ã™ã‚‹ã‚¦ã‚§ãƒ–上ã«æŽ²è¼‰ã•ã‚ŒãŸè¡¨å½¢å¼ã®ãƒ‡ãƒ¼ã‚¿ã§ã‚‚ã€Excelãªã©ã®è¡¨è¨ˆç®—ソフトã¨åŒæ§˜ã«ä¸¦ã³æ›¿ãˆ(ソート)機能ãŒä½¿ãˆã‚‹ã¨ä¾¿åˆ©ã§ã™ã€‚jQuery(JavaScript)ã§ä½œã‚‰ã‚ŒãŸTablesorterスクリプトを使ãˆã°ã€tableè¦ç´ ã§è¨˜è¿°ã•ã‚ŒãŸHTMLã®è¡¨ã«å¯¾ã—ã¦ã‚‚ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ã‚’åŠ ãˆã‚‰ã‚Œã¾ã™ã€‚Tablesorterã®ä½¿ã„æ–¹ã¨ã€ã‚ªãƒ—ションã®æ›¸ã方を解説。閲覧者ãŒè‡ªç”±ã«ä¸¦ã¹æ›¿ãˆã§ãるテーブルを作ã£ã¦ã¿ã¾ã—ょã†ã€‚
![Tablesorterã§HTMLã®è¡¨ã‚’ソート(並ã³æ›¿ãˆ)å¯èƒ½ã«ã™ã‚‹ [ホームページ作æˆ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/b7dd4cd1dde65db6c38d7f226e1c72497bc2f3bc/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F3%2F4%2F2%2F6%2F0%2Ftopimg_large.png)
jQueryã®ãƒ—ラグインを使ã£ã¦ãƒ†ãƒ¼ãƒ–ルを並ã³æ›¿ãˆã‚‹
ラノオンã«ã‚る新刊スケジュールを作ã£ãŸéš›ã®ãƒ¡ãƒ¢ ã¾ãšã€ãƒ©ãƒŽã‚ªãƒ³ã§ã¯å…¨ãƒšãƒ¼ã‚¸ã§jQuery1.6.4ã‚’èªã¿è¾¼ã‚“ã§ã„ã¾ã™ã€‚ ãªã®ã§ãƒ†ãƒ¼ãƒ–ルã®ã‚½ãƒ¼ãƒˆã‚’è¡Œã†ã‚¹ã‚¯ãƒªãƒ—トもjQueryã®ãƒ—ラグインã§æŽ¢ã—ã¾ã—ãŸã€‚ ãã“ã§ä½¿ç”¨ã—ãŸã®ãŒ tablesorter 拡張性ãŒé«˜ãã¦ãŠå‹§ã‚。 新刊スケジュールã§ã¯ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®çŠ¶æ…‹ã§ã¯ã€Œæ—¥ä»˜ã€->「出版社ã€ã®é †ã«ã‚½ãƒ¼ãƒˆã™ã‚‹å¿…è¦ãŒã‚ã‚Šã€ãƒžãƒ«ãƒã‚½ãƒ¼ãƒˆã§ãã‚‹ tablesorter ã¯ã†ã£ã¦ã¤ã‘ã§ã—ãŸã€‚(ä»–ã«ã‚‚探ã›ã°ã‚ã‚‹ã¨æ€ã†ã‘ã©) 一点ã€æ—¥ä»˜ã®è§£é‡ˆãŒã‚¢ãƒ¡ãƒªã‚«å¼ãªã®ã‹ã‚ã‹ã‚‰ãªã„ãŒã†ã¾ãæ—¥ä»˜é †ã«ãªã‚‰ãªã‹ã£ãŸã®ã§ã‚«ã‚¹ã‚¿ãƒ ソートを使用ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã¸ã‚“ã®æŸ”軟性も良ã„ã§ã™ãï¼ ä»¥ä¸‹ JavaScript ã®ã‚½ãƒ¼ã‚¹ // 日付ã®ã‚«ã‚¹ã‚¿ãƒ ソート $.tablesorter.addParser({ id: 'sales-date', is: function(s) { return
è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹è¶…軽é‡ãª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ã ã‘ã§è¦ç´ ã®é«˜ã•ã‚’自動的ã«æƒãˆã‚‹ã®ã¯ï¼ˆç‰¹ã«ãã‚ŒãŒè¤‡æ•°è¡Œã‚ã£ãŸã‚Šå„è¦ç´ ã®é«˜ã•ãŒå†…容物ã«å¿œã˜ã¦å¯å¤‰ã ã£ãŸ
[JS]超軽é‡ã§è¨ç½®ã‚‚ç°¡å˜ï¼Facebook, Twitter, Google+ã®ãƒœã‚¿ãƒ³ã‚’è¨ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -SocialCount
デモページ：カウント付ãã§ç¸¦ä¸¦ã³ SocialCountã®ä½¿ã„æ–¹ 使ã„æ–¹ã®ã‚¹ãƒ†ãƒƒãƒ—ã¯ã€2ã¤ã€‚ ã“れ以上ãªã„ãらã„ã«ç°¡å˜ã§ã™ã€‚ Step 1: 外部ファイル スタイルシートã¨ã‚¹ã‚¯ãƒªãƒ—トを外部ファイルã¨ã—ã¦è¨ç½®ã—ã¾ã™ã€‚ ã¾ãšã¯ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’head内ã«ã€‚ <head> <link rel="stylesheet" href="../src/socialcount.css"> </head> アイコンを使用ã™ã‚‹å ´åˆã¯ã€ã‚‚ã†ä¸€ã¤å¤–部ファイル（socialcount-icons.cssï¼‰ã‚’åŠ ãˆã¾ã™ã€‚ 続ã„ã¦ã€ã‚¹ã‚¯ãƒªãƒ—トをページã®ä¸‹ã®</body>ã®ä¸Šã«ã€‚ ... <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="../src/socialcount.js"></script> </bod
jQuery入門 (ver 1.2.6)
ã“ã®ãƒšãƒ¼ã‚¸ã¯Ajaxライブラリã®1ã¤ã§ã‚ã‚‹jQueryライブラリを勉強ã—ãŸã„人å‘ã‘ã«ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ミスや間é•ã„ãªã©ãŒã‚ã‚Šã¾ã—ãŸã‚‰openspc@po.shiojiri.ne.jpã¾ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ jQueryã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚ˆã£ã¦ãƒ¡ã‚½ãƒƒãƒ‰ãŒç•°ãªã‚‹ãŸã‚ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³åˆ¥ã«å…¥é–€ãƒšãƒ¼ã‚¸ã‚’用æ„ã—ã¦ã‚ã‚Šã¾ã™ã€‚ã“ã“ã§ã¯ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.2.6を基準ã¨ã—ã¦ã„ã¾ã™ã€‚ Ajaxライブラリ (JavaScriptライブラリ) ã¨ã—ã¦ã¯Prototypeライブラリ (prototype.js) ãŒæœ‰åã§ã™ã€‚Prototypeライブラリã¯ãƒ—ãƒã‚°ãƒ©ãƒžã«å¤šã利用ã•ã‚Œã¦ãŠã‚Šã€JavaScriptã®æ©Ÿèƒ½ã‚’æ‹¡å¼µã™ã‚‹ã“ã¨ã§ä½¿ã„ã‚„ã™ããªã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚jQueryã¯ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚’スタイルシートã¨åŒã˜ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã§éžå¸¸ã«åˆ†ã‹ã‚Šã‚„ã™ãコンパクトãªè¨˜è¿°ãŒã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚
jQuery 開発者å‘ã‘メモ - 基本・サンプル
基本 jQueryã¨ã¯ jQuery ã¯æ§˜ã€…ãªå‡¦ç†ã‚’çŸãç°¡å˜ã«æ›¸ã‘ã‚‹ JavaScript ライブラリã§ã™ï¼Ž 独自ã®XPATH/CSSセレクタを利用ã™ã‚‹ã“ã¨ã§ï¼Œå¤šãã®DOMæ“作をéžå¸¸ã«ç°¡å˜ã«æ›¸ãã“ã¨ãŒå‡ºæ¥ã¾ã™ï¼Ž JavaScriptã®DOMæ“作や，XMLHTTPRequest，XMLã®æ“作ãªã©ã‚’覚ãˆãªãã¨ã‚‚， Ajaxを利用ã—ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªãƒšãƒ¼ã‚¸ã‚’作るã“ã¨ãŒå‡ºæ¥ã¾ã™ï¼Ž 以下ã®ã‚µãƒ³ãƒ—ルを見れã°ï¼ŒJavaScriptらã—ã„表記をã»ã¨ã‚“ã©ã™ã‚‹å¿…è¦ãŒãªã„ã“ã¨ãŒã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ï¼Ž toggleサンプル 特定ã®ãƒ–ãƒãƒƒã‚¯ã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã‚’切り替ãˆã‚‹ã®ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã«ãªã‚Šã¾ã™ï¼Ž $("#target_toggle").toggle("slow"); ã“ã®ãƒ–ãƒãƒƒã‚¯ã¯ï¼Œ<p id="target_toggle"> ã§ã™ï¼Ž Ajaxサンプル Ajaxã§hello.htmlã‚’ãƒãƒ¼ãƒ‰ã™ã‚‹ã®ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³
jQuery 日本語リファレンス
jQueryã¨ã¯ã€JavaScriptã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’強力ã«æ”¯æ´ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
jQueryプラグインã®ãƒ™ã‚¹ãƒˆãƒˆãƒ¬ãƒ³ãƒ‰ç·ã¾ã¨ã‚2010*ホームページを作る人ã®ãƒã‚¿å¸³
ã‚‚ã¯ã‚„ã“ã®æ¥ç•Œã§ã¯ã‹ãªã‚Šæµ¸é€ã—ã¤ã¤ã‚ã‚‹jQuery。 今回ã¯ãã‚“ãªjQueryã«ã‚¹ãƒãƒƒãƒˆã‚’当ã¦ã€æœ¬å¹´åº¦ç´¹ä»‹ã•ã‚ŒãŸä¸ã§ã‚‚ã€ãƒ›ãƒƒãƒˆãªãƒˆãƒ¬ãƒ³ãƒ‰ãƒ—ラグインをã”紹介ã—ã¾ã™ã€‚ ※プラグインã¤ã‹ã£ã¦ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ １）3D表示プラグイン サンプルデモ 今年ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨è¨€ãˆã°3D。 ã¨ã„ã†ã‚ã‘ã§ã“ã¡ã‚‰ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ルデモを確èªã€‚ 触ã£ã¦ã‚ã‹ã‚‹é€šã‚Šã§ã™ãŒã€2æžšã®ç”»åƒãŒ3D表示ã•ã‚Œã¾ã™ã€‚ 呼ã³å‡ºã™ $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
jQueryソースコードビューアã®ä½¿ã„æ–¹ | エンタープライズ | マイコミジャーナル
jQuery: The Write Less, Do More, JavaScript Library 人気ã®ã‚ã‚‹JavaScript Ajaxフレームワークã«jQueryãŒã‚る。1月14æ—¥(米国時間)ã«ãƒ¡ã‚¸ãƒ£ãƒ¼ã‚¢ãƒƒãƒ—ブレードãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãªã‚‹jQuery 1.4ãŒå…¬é–‹ã•ã‚ŒãŸã€‚1月25æ—¥(米国時間)ã«ã¯ä¸å…·åˆã‚’ä¿®æ£ã—ãŸjQuery 1.4.1ãŒå…¬é–‹ã•ã‚Œã¦ã„る。FirefoxアドオンJetpackã§ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ©ã‚¤ãƒ–ラリã¨ã—ã¦æŽ¡ç”¨ã•ã‚Œã¦ãŠã‚Šã€å°†æ¥çš„ã«Firefoxã§åˆ©ç”¨ã§ãるデファクトスタンダード的ãªJavaScriptライブラリã«ãªã£ã¦ã„ãã®ã§ã¯ãªã„ã‹ã¨ã¿ã‚‰ã‚Œã‚‹ã€‚ jQueryã¯ä¾¿åˆ©ãªãƒ©ã‚¤ãƒ–ラリã ãŒã€ã„ãã¤ã‹ã®ç†ç”±ã§ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãã®ã‚‚ã®ã‚’èªã¿ãŸã„ã¨ããŒã‚る。ã»ã‹ã«ã©ã†ã„ã£ãŸAPIãŒã‚ã‚‹ã‹èª¿ã¹ãŸã„ケースã€è‡ªåˆ†ã®æƒ³å®šã—ã¦ã„ã‚‹ã‚‚ã®ã¨é•ã†å‹•ä½œã‚’ã—ã¦ã„ã‚‹ãŸã‚実際ã«ã©ã†ã„ã£ãŸå‡¦ç†ãŒå®Ÿæ–½ã•ã‚Œã¦ã„ã‚‹ã®ã‹å†…部
jQuery基礎文法最速マスター[to-R]
jQuery基礎文法最速マスター ã¯ã‚„ã£ã¦ã„るよã†ãªã®ã§ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ jQueryã®èªã¿è¾¼ã¿ Google AJAX Libraries APIã§ç°¡å˜ã«èªã¿è¾¼ã‚ã¾ã™ã€‚ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryã®è¨˜è¿°å ´æ‰€ 基本的ã«ã¯scriptè¦ç´ 内ã®æ¬¡ã®ç®‡æ‰€ã«è¨˜è¿°ã—ã¦ã„ãã¾ã™ã€‚ <script type="text/javascript"> $(function(){ /*ã“ã“ã«jQueryを記述*/ }) </script> 上ã®ã‚³ãƒ¼ãƒ‰ã¯$(document).ready()ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãªã®ã§ã€æ¬¡ã®ã‚ˆã†ã«æ›¸ã„ã¦ã‚‚大丈夫ã§ã™ã€‚ <script type="text/javascri
![jQuery基礎文法最速マスター[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
連載インデックス「jQueryã§å¦ã¶ç°¡å˜ã§åŠ¹æžœçš„ãªAjaxã®ä½¿ã„方〠- ï¼ IT
連載インデックス 「jQueryã§å¦ã¶ ç°¡å˜ã§åŠ¹æžœçš„ãªAjaxã®ä½¿ã„方〠ã„ã¾è©±é¡Œã®ã€ŒjQueryã€ã‚’使ã£ã¦ã€ç›®çš„ã‚’æŒã£ãŸAjax開発ã®åŠ¹çŽ‡åŒ–や使ã„ã©ã“ã‚・注æ„点ãªã©ã«ã¤ã„ã¦ã‚µãƒ³ãƒ—ルを見ãªãŒã‚‰è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚Webデザイナï¼ãƒ—ãƒãƒ‡ãƒ¥ãƒ¼ã‚µãƒ¼ã‚‚å¿…è¦‹ï¼ Aptanaã§å§‹ã‚ã‚‹JavaScriptライブラリ「jQueryã€è¶…入門 jQueryã§å¦ã¶ç°¡å˜ã§åŠ¹æžœçš„ãªAjaxã®ä½¿ã„方（1）　ã„ã¾è©±é¡Œã®ã€ŒjQueryã€ã®å…¥é–€è¨˜äº‹ã§ã™ã€‚無料ツールAptanaã‚„jQueryã®ãƒ—ラグインを使ã£ã¦ç°¡å˜ã«Webアプリを作æˆã—ã¾ã™
jQueryを使ã£ã¦Twitterã‚’ãŠã„ã—ãマッシュアップ （1/4） ─ ï¼ IT
本記事ã¯2007å¹´ã«åŸ·ç†ã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚jQueryã‚„Ajax全般ã®æœ€æ–°æƒ…å ±ã¯ã€Œãƒªãƒƒãƒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ & 帳票フォーラムã€ç·åˆç›®æ¬¡ã®ã‚«ãƒ†ã‚´ãƒªã€Œå®Ÿè·µAjaxã€ã‚„「Ajax技術解説ã€ã‚’ã”å‚ç…§ãã ã•ã„。 AjaxãŠã„ã—ã„レシピを紹介ã™ã‚‹å‰ã« ãã‚‚ãã‚‚ã€Ajaxã®ã“ã¨åˆ†ã‹ã£ã¦ã¾ã™ã‹ï¼Ÿ 2005å¹´ã®å§‹ã‚ã«Ajaxã¨ã„ã†è¨€è‘‰ãŒçŸ¥ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã‹ã‚‰ã€Ajaxã¯æ€¥é€Ÿã«æŠ€è¡“ã®é€²åŒ–ã‚’é‚ã’æ™®åŠã—ã¦ãã¾ã—ãŸã€‚èªè€…ã®çš†ã•ã‚“ã®ä¸ã«ã‚‚Ajaxã®é–‹ç™ºã‚’実際ã«çµŒé¨“ã—ãŸæ–¹ãŒå¢—ãˆã¦ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://atmarkit.itmedia.co.jp/ait/subtop/features/da/dt_jqueryref_index.html
{{#tags}}- {{label}}
{{/tags}}