jQueryã¯1個ã®è¦ç´ ã¨è¤‡æ•°å€‹ã®è¦ç´ ã‚’åŒã˜ã‚ˆã†ã«æ›¸ã‹ã›ã‚‹ - fsubal
「1個ã®è¦ç´ ã¨è¤‡æ•°å€‹ã®è¦ç´ ã‚’åŒã˜ã‚ˆã†ã«æ›¸ã‹ã›ã‚‹ã€ã¨ã„ã†ã®ãŒå®Ÿã¯ jQuery ã®ç‰¹å¾´ã®ä¸€ã¤ã ã¨æ€ã£ã¦ã„る。 document.querySelector() ã‚„ querySelectorAll ãŒå‡ºç¾ã—ã¦ä»¥é™ jQuery ã®å¿…è¦æ€§ã¯ã»ã¨ã‚“ã©ãªããªã£ãŸã¨è¨€ã‚れる。
Laravelã§javascriptã€jQueryを使ã†æ–¹æ³•
今回ã¯ä¸Šè¨˜ã®ã‚ˆã†ãªç–‘å•ã‚’抱ãˆã¦ã„ã‚‹æ–¹ã«å‘ã‘ã¦ã€Laravelã§javascriptã‚„jqueryを使ã†æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ Laravelã§javascriptを使ã†æ–¹æ³• 実ã¯javascriptを使ã†æ–¹æ³•ã¯ç°¡å˜ã§ã™ã€‚ bladeファイルã«scriptタグを使ã£ã¦ç›´æŽ¥æ›¸ã込んã˜ã‚ƒãˆã°ã„ã„ã§ã™ã‹ã‚‰ã。 以下ã®ã‚ˆã†ãªæ„Ÿã˜ã€‚ <script> function test() { alert('hello'); } </script> ãŸã ã—ã€è¡Œæ•°ã®å¤šã„コードを埋ã‚込んã ã‚Šã€ä»–ã®viewファイルã§ã‚‚使ã†ã‚ˆã†ãªå‡¦ç†ã‚’ã„ã¡ã„ã¡æ›¸ã込むã®ã¯ã‚ªã‚¹ã‚¹ãƒ¡ã§ãã¾ã›ã‚“。 別ファイルã«åˆ†å‰²ã—ãŸã»ã†ãŒã„ã„ã§ã™ã€‚ オススメ：laravel mixを使ã„ã¾ã—ょㆠ特定ã®å‡¦ç†ç”¨ã®jsファイルã«åˆ†é›¢ã—ã¤ã¤ã€ãã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’使ã†ã«ã¯ã€Œlaravel mixã€ã‚’使ã†ã¨ã„ã„ã§ã™ã€‚ 今回ã¯ã€laravel mixを使用ã—ã¦å…ˆç¨‹ã®jsã®ã‚³
（基礎編）jQuery使ã„ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒReactã¨Next.jsã§Webサイト制作ã™ã‚‹ãŸã‚ã«æœ€ä½Žé™æŠ¼ã•ãˆã¦ãŠããŸã„コード
ãªãœæ›¸ã„ãŸã‹ ç†è€…ã‚‚Webサイト制作をãã“ãã“é•·ãã‚„ã£ã¦ãã¦ãŠã‚Šã„ã¾ã¯æ¥å‹™ã§Vueを書ã„ãŸã‚Šã¡ã‚‡ã£ã¨Reactを書ã„ãŸã‚ŠSvelteを書ã„ãŸã‚Šã—ã¦ã„ã¾ã™ãŒã€2å¹´å‰ãらã„ã¾ã§ã¯Reactã‚„ES6ã®æ§‹æ–‡ã™ã‚‰æ›¸ã„ãŸã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ WordPressã§ã®ã‚µã‚¤ãƒˆåˆ¶ä½œãŒå¤šãã€æ©Ÿèƒ½ãŒå°‘ãªã„サイト制作会社ã§ã¯jQueryã§å……分ãªã“ã¨ã‚‚多ãã€æ¥ãšã‹ã—ãªãŒã‚‰æ¥å‹™æ™‚間外ã§ã®å¦ç¿’や外部ã®æƒ…å ±ã‚’è¿½ã†ã“ã¨ã‚‚ã—ã¦ã„ãªã‹ã£ãŸãŸã‚ã€é–‹ç™ºç³»ã®æŠ€è¡“スタックã«æ…£ã‚Œã‚‹ã®ã«ã‹ãªã‚Šæ™‚é–“ãŒã‹ã‹ã‚Šã¾ã—ãŸã€‚ ã¾ãšã¯ã‚ˆã使ã†ã‚³ãƒ¼ãƒ‰ã‚’見ã¦è§£èª¬ã—ãªãŒã‚‰ç”ãˆã®ä¸€ã¤ã‚’示ã—ã€ã‚ˆã出ã¦ãるコードをã–ã£ãã‚Šç†è§£ã—ã¦æ›¸ã‘るよã†ã«ã™ã‚‹ã“ã¨ã§ã€å®Ÿå‹™ã§Reactã‚’å–り入れるå–ã£æŽ›ã‹ã‚Šã«ãªã‚Œã°ã„ã„ãªãã¨ã„ã†æ€ã„ã§ã“ã®è¨˜äº‹ã‚’書ã„ã¦ã„ã¾ã™ã€‚ 続編ã¯å¤šåˆ†ä»Šæœˆä¸ã«æ›¸ãã¾ã™ã€‚ ã“ã¡ã‚‰ã¯åŸºç¤Žç·¨ã§ã™ã€‚ 対象者 普段jQueryã§Webサイトを制作ã—ã¦ã„ã‚‹ 生ã®JSã¯ã‚ã‚“
アップãƒãƒ¼ãƒ‰æ™‚ã«é¸æŠžã—ãŸç”»åƒã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚’表示 | ç§çš„雑録
$(function() { $('input[type=file]').after('<span></span>'); // アップãƒãƒ¼ãƒ‰ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸æŠž $('input[type=file]').change(function() { var file = $(this).prop('files')[0]; // ç”»åƒä»¥å¤–ã¯å‡¦ç†ã‚’åœæ¢ if (! file.type.match('image.*')) { // クリア $(this).val(''); $('span').html(''); return; } // ç”»åƒè¡¨ç¤º var reader = new FileReader(); reader.onload = function() { var img_src = $('<img>').attr('src', reader.result); $('span').html(i
範囲外クリックã§ãƒãƒƒãƒ—アップを閉ã˜ã‚‹æ£ã—ã„ JQuery - Qiita
ãƒãƒƒãƒ—アップを表示ã—ã¦ã€ãã®é ˜åŸŸå¤–をクリックã•ã‚ŒãŸæ™‚ã«ãã®ãƒãƒƒãƒ—アップを閉ã˜ãŸã„ã€ã¨ã„ã£ãŸå‡¦ç†ã¯ã‚ˆãã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ã“れを実装ã™ã‚‹æ™‚ã«ã¡ã‚‡ã£ã¨ã—ãŸæ°—ã‚’ã¤ã‘る点ãŒã‚ã‚Šã¾ã™ã€‚ よã見ã‹ã‘ã¦æ°—ã«ãªã£ã¦ã„る悪ã„例 Stackoverflow ãªã©ã§ã‚ˆãã‚る処ç†ã¨ã—ã¦ã¯ã€ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’全検知ã—ã¦ã€Pop up ã‚’é–‰ã˜ã‚‹ã‚ˆã†ãªå‡¦ç†ã‚’ã—ã¦ã—ã¾ã†ã€‚ã‚‚ã—自分自身ã ã£ãŸã‚‰ stopPropagation()1 ã—ã¦ã€ã‚¤ãƒ™ãƒ³ãƒˆä¼æ’ã—ãªãã™ã‚‹ã€‚ç†ç”±ã¨ã—ã¦ã¯ stopPropagation() ã—ãªã„ã¨ã€ãƒãƒƒãƒ—アップãã®ã‚‚ã®ã‚’クリックã—ãŸæ™‚ã«é–‰ã˜ã¦ã—ã¾ã†ã®ã‚’防ãŽãŸã„ã‹ã‚‰ã§ã™ã€‚ 例ãˆã°ã“ã†ã„ã£ãŸã‚³ãƒ¼ãƒ‰ã§ã™ã€‚
ã“ã‚Œã‹ã‚‰ã¯ä»Šã¾ã§ä»¥ä¸Šã«ã€jQueryãŒå¿…è¦ãªããªã‚‹ã‹ã‚‚ã—ã‚Œãªã„
3, 4å¹´å‰ã‚ãŸã‚Šã‹ã‚‰ã€jQueryç„¡ã—ã§ã“ã†è¨˜è¿°ã™ã‚‹ã¨ã‹ã€jQueryã®ä¸€éƒ¨ã®æ©Ÿèƒ½ã‚’代替ã™ã‚‹è»½é‡ã‚¹ã‚¯ãƒªãƒ—トãªã©ãŒå‡ºå§‹ã‚ã¾ã—ãŸã€‚ 2017å¹´ã‚‚åŠå¹´ãŒéŽãŽã€ãã®çŠ¶æ³ã¯ã•ã‚‰ã«å¤‰ã‚り始ã‚ã¦ã„ã¾ã™ã€‚ (Now More Than Ever) You Might Not Need jQuery 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ç¾åœ¨ã®ãƒ–ラウザ事情 jQueryã«æ›¿ã‚ã‚‹ã€JavaScriptã®é¸æŠžè‚¢ マイクãƒãƒ©ã‚¤ãƒ–ラリã®å°é IE9ã¸ã®å¯¾å¿œã¯ãƒãƒªãƒ•ã‚£ãƒ«ã§ NodeListã®å復 jQueryã¯é…ã„ã®ã‹ï¼Ÿ jQueryã«ã¤ã„ã¦ç§ãŒå«Œã„ãªã‚‚ã® $ãªã—ã§ã¯ç”Ÿãã¦ã„ã‘ãªã„？ ç¾åœ¨ã®ãƒ–ラウザ事情 jQueryãŒ2006å¹´ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã‹ã‚‰ã€DOMã¨ãƒ–ラウザã®APIã¯é£›èºçš„ã«å‘上ã—ã¦ã„ã¾ã™ã€‚2013å¹´ã«ã€ŒYou Might Not Ne
jQuery 㧠HTML5 FilesAPI ファイルオブジェクトã®ãƒ—ãƒãƒ‘ティã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã«ã¯ – MT Systems
ä»Šé ƒ HTML5 ã®ç·’ã«å°±ã„ãŸã¨ã“ã‚ã§æ¥ãšã‹ã—ã„ã®ã ãŒã€æ—©é€Ÿã¤ã¾ãšã„ãŸã€‚å¤ç±æ°ã®ã€ŒFile APIã§ãƒ–ラウザーã‹ã‚‰ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ“作ã€ã¨ã„ã†è¨˜äº‹ã§ã€jQuery ã§è©¦ãã†ã¨ã—ãŸçµæžœã€åŠæ—¥ã¤ã¶ã—ã¦ã—ã¾ã£ãŸã€‚ãŒã€ä¸€ã¤è³¢ããªã£ãŸã€ã¨è‡ªåˆ†ã‚’æ…°ã‚ã¦ã„る。 ãŠé¡Œã¯é¸æŠžã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ•ã‚¡ã‚¤ãƒ«åã€ã‚µã‚¤ã‚ºã€ãƒ•ã‚¡ã‚¤ãƒ«ç¨®åˆ¥(MIME Type)を表示ã™ã‚‹ JavaScript プãƒã‚°ãƒ©ãƒ ã§ã‚る。 <h1>ãƒ•ã‚¡ã‚¤ãƒ«æƒ…å ±ã‚’è¡¨ç¤ºã™ã‚‹</h1> <form action="./test.cgi" method="get"> <input type="file" id="myFile" /> <input type="button" id="fileInfo" value="ãƒ•ã‚¡ã‚¤ãƒ«æƒ…å ±ã‚’è¡¨ç¤º" /> </form> <div id="result"></div> <script> document.getElem
jQuery.ajax()ã®ã¾ã¨ã‚
jQuery.ajax()ã«ã¤ã„ã¦é€†å¼•ãリファレンスã£ã½ãã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã¾ã¨ã‚ãŸç†ç”±ã¯ã€ãƒãƒƒãƒˆã§ã€ŒjQuery.ajaxã€ã‚„「jQuery.ajax サンプルã€ãªã©ã§èª¿ã¹ã¦ã‚‚ã€ã„ã„æ„Ÿã˜ã®å†…容ãŒãªã‹ãªã‹ãƒ’ットã—ãªã„ã“ã¨ã¨ã€ã‚ˆãヒットã™ã‚‹ã‚µã‚¤ãƒˆã®æƒ…å ±ãŒå¤ã‹ã£ãŸã‚Šã™ã‚‹ï¼ˆ1.4ã§æ¢ã¾ã£ã¦ã„ã‚‹ã¨ã‹ï¼‰ãŸã‚ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€2012å¹´10月ç¾åœ¨2014å¹´10月ç¾åœ¨ã®ã€ŒjQuery.ajax()ã€ãªã©ã‚’ã–ã£ã¨èª¿ã¹ã¦ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ åˆå¿ƒè€…å‘ã‘ã®å†…容ã§ã™ã€‚ã™ã¹ã¦ã®ã‚ªãƒ—ションã¯ç¶²ç¾…ã§ãã¦ã„ã¾ã›ã‚“。ã¨ã‚Šã‚ãˆãšã‚µãƒ³ãƒ—ルコードãŒã»ã—ã„æ–¹ã¯ï¼‘ï¼•é …ã‚’ã”覧ãã ã•ã„。 若番ã‹ã‚‰å¿…è¦ã¨æ€ã‚れるもã®ã‚’é †ç•ªã«ä¸¦ã¹ã¦ã„ã‚‹ã¤ã‚‚ã‚Šã§ã™ãŒã€å¾ŒåŠã¯é©å½“ã§ã™ã€‚ã¾ãŸã€å„é …ã®ã‚µãƒ³ãƒ—ルã¯ãªã‚“ã¨ãªãç©ã¿ä¸Šã’ã¦ã„ãæ„Ÿã˜ã«ã—ã¦ã„ã¾ã™ã€‚ 調ã¹ã¦ã„ã‚‹é–“ã«ã‚‚3ã¤ãらã„æ–°ã—ã„発見（ã¨ã„ã£ã¦ã‚‚å¤ã„æƒ…å ±ã§ã™ãŒâ€¦ï¼‰ãŒã‚ã‚Šã€jQueryãŒæ—¥ã€…進化ã—ã¦ã„ã‚‹ã“ã¨
æ„外ã¨è¦æ³¨æ„ HTML5データ属性ã¨jQuery Data APIã®é–¢ä¿‚ã¾ã¨ã‚ | ゆã£ãã‚Šã¨â€¦
å‰ã®è¨˜äº‹ã€ŒHTML5ã§ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã®CSS3ãƒã‚°ã‚’回é¿ã™ã‚‹ãŸã‚ã®ãƒãƒƒã‚¯æ–¹æ³•ã€ã«é–¢é€£ã—ã¦ã€jQuery 㧠HTML5 データ属性ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¸ã‚§ãƒ³ãƒˆæ–‡å—åˆ—ã‚’æ ¼ç´ã™ã‚‹æ–¹æ³•ã‚’調ã¹ã¦ã„ã¾ã—ãŸã€‚ãã®çµæžœã€ã¡ã‚‡ã£ã¨æ•´ç†ã‚’ã—ã¦ãŠã„ãŸæ–¹ãŒè‰¯ã„ã‹ãªã¨æ€ã†ç‚¹ã‚’共有ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã”å˜çŸ¥ã®æ–¹ã‚‚多ã„ã¨æ€ã„ã¾ã™ãŒã€jQuery ã«ã¯ .data() ã‚„ jQuery.data() ã¨ã„ã†ã€DOM è¦ç´ 㫠データ ã‚’ç´ä»˜ã‘ã¦è¨˜æ†¶ã—ã¦ãŠã仕組ã¿ãŒå…ƒã€…ã‚ã‚Šã¾ã—ãŸã€‚jQuery 1.4.3 ã‹ã‚‰ã¯ã€ API レベルã§ã® 親和性 ãŒè€ƒæ…®ã•ã‚ŒãŸå½¢ã§ HTML5 data-* 属性をå–り込む仕様ãŒå°Žå…¥ã•ã‚Œã¾ã—ãŸã€‚ HTML5 時代ã§ã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ»ã‚µã‚¤ãƒ‰ã§å®Ÿè¡Œã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰é‡ã‚‚増ãˆã€ãƒ‡ãƒ¼ã‚¿å±žæ€§ã‚’扱ã†æ©Ÿä¼šã‚‚ã¡ã‚‡ãã¡ã‚‡ã出ã¦ãã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ãã“ã§ä»Šå›žã¯ã€ HTML5 data-* 属性ã®ãŠã•ã‚‰ã„ jQuery Da
ã€jQuery】親è¦ç´ を削除ã™ã‚‹ã€€nowrap - Web.fla
wordpressã§ã‚«ã‚¹ã‚¿ãƒ メニューを出力ã™ã‚‹ã¨ã‚‚ã¡ã‚ã‚“ã€ã™ã¹ã¦ã®ãƒªã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ãƒªãƒ³ã‚¯ãŒå¼µã£ã¦ã‚ã‚‹ã‚“ã§ã™ãŒã€ã©ã†ã—ã¦ã‚‚最åˆã®ãƒªã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒªãƒ³ã‚¯ã‚’削除ã—ãŸã‹ã£ãŸã®ã§èª¿ã¹ã¦ã¿ãŸ unwrapを利用ã—ãŸå‰Šé™¤ 2011/8/5時点ã§ã¯ã€jquery日本語リファレンスã«ã¯æ›¸ã„ã¦ãªã‹ã£ãŸã®ã ãŒã€è¦ã¯è¦ªè¦ç´ を削除ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ ã“ã„ã¤ã‚’利用ã—ã¦å‰Šé™¤ã§ãã‚‹ã®ã ãŒã€ãã®å‰ã«æ³¨æ„点ã¨ã—ã¦ã€Œremoveã€ãƒ¡ã‚½ãƒƒãƒ‰ã‚’利用ã™ã‚Œã°å‰Šé™¤ã§ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ï¼Ÿã¨æ€ã£ãŸã®ã ãŒå®Ÿéš›ã‚„ã£ã¦ã¿ã‚‹ã¨ãƒªãƒ³ã‚¯ã®ã‚¿ã‚°ã§ã‚る「aã€ã‚¿ã‚°ã‚’removeã«æŒ‡å®šã™ã‚‹ã¨ãã®ä¸ã®æ–‡å—列もã™ã¹ã¦å‰Šé™¤ã•ã‚Œã¦ã—ã¾ã†ã®ã§æ³¨æ„ãŒå¿…è¦ã€‚ 最åˆã®ãƒªã‚¹ãƒˆ 最åˆã®ãƒªã‚¹ãƒˆ 上記ã®ã‚ˆã†ã«ã—ãŸã„å ´åˆã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ã™ã‚Œã°ã„ã„。 $("li span").unwrap(); contentsメソッドを利用ã—ãŸè¦ªè¦ç´ 削除 最åˆã®æ–¹æ³•ã¯ã‚ˆãspanã‚¿ã‚°ã§ãƒ†ã‚ストを消ã—ã¦èƒŒæ™¯ç”»åƒã‚’
jQueryã«ã‚ˆã‚‹ãƒˆã‚°ãƒ«å‡¦ç†
トグル処ç†ã¯ONï¼OFF交互ã«å…¥ã‚Œæ›¿ã‚るよã†ãªå‡¦ç†ã®ã“ã¨ã§ã™ã€‚ jQueryã®ã€Œtoggle()　：表示ï¼éžè¡¨ç¤ºã€ã‚’使用ã™ã‚Œã°ã™ã”ãç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ 例ãˆã° #buttonã®è¦ç´ をクリックã™ã‚‹ãŸã³ã« #textã®è¦ç´ を表示ï¼éžè¡¨ç¤ºã•ã›ãŸã„å ´åˆã€‚ <p id="button">ã“ã‚Œã¯#buttonã®å†…容ã§ã™ã€‚</p>　â†ã“ã“をクリック <p id="text">ã“ã‚Œã¯#textã®å†…容ã§ã™ã€‚</p>　â†ã“れを表示ï¼éžè¡¨ç¤ºã•ã›ãŸã„ 上記ã®HTMLを用æ„ã—ãŸã‚‰ã€ 「jQueryã€ã¨ã€Œä¸‹è¨˜ã®å†…容を入力ã—ãŸjsファイルã€ã‚’èªã¿è¾¼ã‚€ã ã‘ã§å®Œäº†ã§ã™ã€‚ $(function(){ $("#button").click(function(){ $("#text").toggle(); }); }); ãŸã£ãŸã“ã‚Œã ã‘。 以下ãŒã‚µãƒ³ãƒ—ルã§ã™ã€‚ ã“ã‚Œã¯#buttonã®å†…容ã§ã™ã€‚　â†ã“ã“をクリック ã“ã‚Œã¯#tex
åˆå¿ƒè€…å‘ã‘ã®jQuery入門講座
使ã„æ–¹ ã¾ãšæœ€åˆã«ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã™ã€‚ã©ã®ã‚ˆã†ãªè€ƒãˆã‚’ã‚‚ã¨ã«ãƒ—ãƒã‚°ãƒ©ãƒ を組ã¿ç«‹ã¦ã¦ã„ãã‹ã€è¨è¨ˆåŠ›ã‚’å¦ã³ã¾ã™ã€‚ サンプル 使ã„æ–¹ã§å¦ã‚“ã ã“ã¨ã‚’生ã‹ã—ã¦ã€ç°¡å˜ãªã‚µãƒ³ãƒ—ルã®ä½œæˆã‚’å¦ã‚“ã§ã„ãã¾ã™ã€‚ プラグイン jQueryã§åˆ©ç”¨ã§ãる便利ãªãƒ—ラグインを紹介ã—ã¦ã„ãã¾ã™ã€‚ リファレンス jQueryã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚辞書代ã‚ã‚Šã«ã”利用ãã ã•ã„。 使用例 ä¼æ¥ã‚µã‚¤ãƒˆã§ã®jQueryã®ä½¿ç”¨ä¾‹ã‚’紹介ã—ã¦ã„ãã¾ã™ã€‚ 始ã‚ã« jQueryã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã‚‚利用ã—ã‚„ã™ã„javaScriptプラグインã§ã™ã€‚ã“ã®ã‚µã‚¤ãƒˆã¯htmlã‚„cssを充分ã«ç†è§£ã—ã¦ãŠã‚Šã€ã•ã‚‰ã«åŸºç¤Žçš„ãªjavaScriptをマスターã—ã¦ã„る方を対象ã«è¨˜äº‹ã‚’書ã„ã¦ã„ã¾ã™ã€‚ ç¾åœ¨ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ã‚²ãƒ¼ãƒ 制作ã«æ³¨åŠ›ã—ã¦ã„ã‚‹ãŸã‚ã€æœ¬ã‚µã‚¤ãƒˆã®æ›´æ–°ã¯ä¼‘æ¢çŠ¶æ…‹ï¼ˆ2014å¹´3月ãŒæœ€çµ‚更新）ã§ã™ã€‚ゲーム制作ã«é–¢ã™ã‚‹ãƒ–ãƒã‚°ï¼šã‚¹ãƒžã‚²ãƒ¼ä½œã‚‹ã‚ˆï¼ã¯ã»ã¼æ¯Žæ—¥æ›´æ–°ã—
ãƒãƒ‹ãƒ©JavaScriptã‚’é¸æŠžã™ã‚‹
jQueryを用ã„ã¦æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã¨åŒç‰ãªåƒãã‚’ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’jQuery抜ãã§æ›¸ãã¨ã©ã®ã‚ˆã†ã«ãªã‚‹ã®ã‹ã‚’示ã—ãŸWebサイト「You Might Not Need jQueryã€ï¼ˆjQueryã¯å¿…è¦ãªã„ã‹ã‚‚）ãŒå…ˆæ—¥è©±é¡Œã«ãªã‚Šã¾ã—ãŸï¼ˆã¯ã¦ãªãƒ–ックマークも180以上付ã„ã¦ã„ã¾ã™ï¼‰ã€‚ ã¡ã‚‡ã†ã©ã“ã®Webサイトを話題ã«ã—ãŸè¨˜äº‹ã€ŒChoosing Vanilla JavaScriptã€ãŒã€Webデザイナå‘ã‘ã«æƒ…å ±ç™ºä¿¡ã‚’ã—ã¦ã„ã‚‹è‘—åãªWebサイトã€A List Apartã«æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ Vanilla JavaScriptã¨ã¯ã€è¦ã™ã‚‹ã«ä½•ã‚‚トッピングã•ã‚Œã¦ã„ãªã„ãƒãƒ‹ãƒ©ã‚¢ã‚¤ã‚¹ã‚¯ãƒªãƒ¼ãƒ ã®ã‚ˆã†ã«ã€jQueryãªã©ã®ãƒ©ã‚¤ãƒ–ラリを使ã‚ãªã„ç´ ã®JavaScriptã®ã“ã¨ã‚’示ã—ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¯ä½•ã§ã‚‚jQueryを使ã†ã®ã§ã¯ãªãã€æ£ã—ã„é¸æŠžã‚’ã—よã†ã¨ã„ã†ãƒ†ãƒ¼ãƒžã®å†…容ã«ãªã£ã¦ãŠã‚Šã€å‚考ã«ãªã‚Šãã†ã ã£ãŸã®ã§ç¿»è¨³
jQueryã®Ajaxを使ã£ã¦è¤‡æ•°é¸æŠžã•ã‚ŒãŸãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®å€¤ã‚’POSTã™ã‚‹æ–¹æ³•ãƒ¡ãƒ¢ - tech tech -テクテクブãƒã‚°-
htmlå´ã§è¤‡æ•°é¸æŠžã•ã‚ŒãŸãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®å€¤ã‚’é€ä¿¡ã™ã‚‹ã«ã¯ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®name属性をname="xxx[]"ã®ã‚ˆã†ã«é…列ã«ã™ã‚‹å¿…è¦ãŒã‚る。 <input type="checkbox" name="check[]" value="1" /> <input type="checkbox" name="check[]" value="2" /> jQueryå´ã§ã¯ãƒã‚§ãƒƒã‚¯æ¸ˆã¿ã®å€¤ã‚’each文を使ã£ã¦é…列ã«ä¿å˜ã—ã¦ã„ã。 var checks=[]; $("[name='check[]']:checked").each(function(){ checks.push(this.value); }); 以下サンプル é¸æŠžã—ãŸè¦ç´ ã®å€¤ãŒalertã§è¡¨ç¤ºã•ã‚Œã‚‹ form.html <html> <head> <script src="http://ajax.googleapis.com/aj
jQuery 1.9.1：checkboxã®check/uncheckã¯prop㧠– DYO.JP ver.2
ã“ã‚Œã¾ã§jQueryを用ã„ãŸcheckboxã®check/uncheckã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ã—ã¦ã„ã¾ã—ãŸã€‚ checkbox.attr(‘checked’, ‘checked’) checkbox.removeAttr(‘checked’) ã—ã‹ã—ã€ã©ã†ã„ã†ã‚ã‘ã‹ã‚³ãƒ¬ãŒåŠ¹ã‹ãªããªã‚‹å ´åˆãŒã‚ã‚Šã¾ã—ãŸã€‚ åŒæ§˜ã«ãƒãƒžãƒƒã¦ã„ã‚‹ã²ã¨ãŒã„ã¾ã—ã¦ã€ã“ã¡ã‚‰ã®è¨˜äº‹ã§ç„¡äº‹ã«è§£æ±ºã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ http://stackoverflow.com/questions/14769408/jquery-checkbox-check-uncheck checkbox.prop(‘checked’, true) checkbox.prop(‘checked’, false) 確ã‹ã«ã“ã¡ã‚‰ã®æ–¹ãŒã—ã£ãã‚Šæ¥ã¾ã™ã€‚ã¡ãªã¿ã«checkboxãŒcheckã§ã‚ã‚‹ã‹ã©ã†ã‹ã¯ checkbox.attr(‘checked’) == ‘
HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #15 Evernote風タグ登録コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’作ã£ã¦ã¿ãŸ | DevelopersIO
ã¡ã‚‡ã£ã¨ã—ãŸå‚™å¿˜éŒ²ã¨ã„ã£ãŸãƒ¡ãƒ¢ã«ã¯ Evernote を使ã£ã¦ã„ã¾ã™ã€‚一時期ã«æ¯”ã¹ã‚‹ã¨ä½¿ç”¨é »åº¦ã¯å°‘ã—è½ã¡ã¾ã—ãŸãŒã€ãã‚Œã§ã‚‚使ã£ã¦ã„ã¾ã™ã€‚地味ãªã¨ã“ã‚ã§ã™ãŒã€Evernote ã®ã‚¿ã‚°ç™»éŒ² UI ãŒçµæ§‹å¥½ããªã®ãŒç†ç”±ã®ä¸€ã¤ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ Web メールã«ãŠã„ã¦ã¯åŸºæœ¬çš„ã«å—ä¿¡ãŒãƒ¡ã‚¤ãƒ³ã§é€ä¿¡ã¨ã„ã£ã¦ã‚‚殆ã©ãŒè¿”ä¿¡ã§æ¸ˆã‚“ã§ã—ã¾ã£ã¦ã„ã¾ã™ãŒã€ Gmail を使ã£ã¦ã„ã¾ã™ã€‚Gmail ã¯éžå¸¸ã«æ—©ã„サイクルã§æ©Ÿèƒ½ã‚„ UI ãŒåˆ·æ–°ã•ã‚Œã¾ãã£ã¦ã„ã¾ã™ãŒã€ã„ã¤ã®é ƒã‹ã‚‰é€ä¿¡å…ˆã€Ccã€Bcc 入力ã®UIãŒã¾ã‚‹ã§ã‚¿ã‚°ã®ã‚ˆã†ãªè¦‹ãŸç›®ã¨ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã®ä¸¡è€…ã® UI ã¯ã¨ã¦ã‚‚良ãä¼¼ã¦ãŠã‚Šã€å˜ç´”ãªã‚«ãƒ³ãƒžåŒºåˆ‡ã‚Šã®æ–‡å—列よりも視èªæ€§ãŒé«˜ãã¦å€‹äººçš„ã«æ°—ã«å…¥ã£ã¦ã„ã‚‹ UI ã®ä¸€ã¤ã§ã™ã€‚ ãã‚“ãªè¨³ã§ã€ã“ã®ã‚¿ã‚°ç™»éŒ²ã®UIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚å‰å›žã€jQuery UI Widget ã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦å¦ã‚“ã ã‚ã‘ã§ã™
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ã€jQuery】ã€CakePHP】ajaxã§æ“¬ä¼¼çš„ãªãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’行ㆠ- Qiita
https://cdbk.tokyo/post/jquery-toggle
jQueryã®$.ajaxã§é€šä¿¡é€”ä¸ã®responseTextã‚’å–å¾—ã™ã‚‹ - ã‚らã³ã日記
ã€jQuery】フォーム部å“ã®å–得・è¨å®šã¾ã¨ã‚ - Qiita
{{#tags}}- {{label}}
{{/tags}}