jQueryのキーコード一覧表です。キーボードのボタンを押すとコード番号が表示されます→ 機能機能英字数字記号テンキー Enter
jQueryのキーコード一覧表です。キーボードのボタンを押すとコード番号が表示されます→ 機能機能英字数字記号テンキー Enter
jQueryは確かに便利ですが、すべての機能が必要かと言われれば、そうではない人が多いと思います。 「$」やセレクタなど、jQueryの機能をサポートしたjQueryの代替として利用できる超軽量スクリプトを紹介します。 Selector -GitHub 最新のjQueryのファイルサイズは、下記の通り。 jquery-3.2.1.js 270 KB jquery-3.2.1.min.js 90 KB そして、Selectorのファイルサイズは、1/4以下! selector.js 65 KB selector.min.js 17 KB もちろん、jQueryの機能すべてが利用できるのではなく、オブジェクトやセレクタや関数に限られています。 サポートされているjQueryの機能 サポートされているjQueryオブジェクト $ サポートされているjQueryセレクタ add addClass
Quick Start Include jquery-japan-map.js after jQuery. Then $(selector).japanMap(options) method will create most simple clickable canvas map of prefectures of Japan. The $.japanMap method take an object as argument which defines options. At least, you may have to implement onSelect event handler, which runs when a prefecture of the map is clicked or touched. Here is most simple example. <!DOCTYPE
from の select の option は SP(iPhone, Android), IE8 だと display: none しても切り替わらないよCSSJavaScriptjQuery 症状 ある select を選択すると、別のセレクトの select の選択候補が限定されたり書き変わったりさせたい。 < option style='display:none' > hoge < /option > とすれば消えるブラウザもあるけど、sp とか IE8 とかだと消えずに残ったりする。 解消法 おとなしくケースによって要素ごと入れ替えよう。 jQuery 信者なら を使えばいいと思うし ベストなのは とか使って、値を監視を含めて構造を作り直すのがいいと思う。
はじめに jQuery 3.0が正式リリースとなったので、最新のアップグレードガイドをまとめようと思います。 原文から一部わかりやすいように言い換えたり、補足したり、省略したりしています。 注意: 長いです。主要な変更点は前回の記事【翻訳まとめ】jQuery 3.0 alpha リリースノートを参照してください。 jQuery Core 3.0 Upgrade Guide 全体像 APIを綺麗にしてバグを修正しました。 - 一部破壊的な変更があり - 既に非推奨と公表していたAPIを削除 - ドキュメントにない隠しAPIの削除 - 特定の入力値に対する既存APIの振る舞いを修正 サポートブラウザ IE9 以上 Chrome, Edge, Firefox, Safariの最新版とそのひとつ前のバージョン Operaの最新版 iOS 7 以上のモバイルSafari Android 4.0以上
jQuery 3.0 is now released! This version has been in the works since October 2014. We set out to create a slimmer, faster version of jQuery (with backwards compatibility in mind). We’ve removed all of the old IE workarounds and taken advantage of some of the more modern web APIs where it made sense. It is a continuation of the 2.x branch, but with a few breaking changes that we felt were long over
2016/05/20にjQuery 3.0のリリース候補版が出てたのでアップグレードガイドを見てみます。 Overview jQuery3.0ではコードのクリーンアップとかバグ修正とかDeprecatedなコードの削除とか色々やってるよ。 Browser Support ・IE 9以降 ・Chrome/Edge/Firefox 最新のひとつ前のバージョンまで ・Opera 最新版のみ ・iOS 7以降 ・Android 4.0以降 jQuery Migrate Plugin 移行プラグインを用意してるから、以下の1行入れとけば1.12、2.2と互換するよ。 <script src="https://code.jquery.com/jquery-3.0.0.js"></script> <script src="https://code.jquery.com/jquery-migrate-3.
俺も昔はお前のような jQueryスパゲッティジェネレーターだったのだが、膝にReactを受けてしまってな… 基本的な方針 とくにライブラリ設計者において、小さなモジュールを単機能で分割する以上、ライブラリ設計者は可能な限り依存を減らすことを求められます。node環境ならdependency hellの回避のため、フロントエンド環境ならファイルサイズを減らすためです。 ライブラリ設計者ならずともコードのポータビリティを維持するため、できるだけライブラリに依存しないコードを書くのが望ましいです。 Githubみてる限り、最近書かれるJSのライブラリの多くはjQuery非依存です。ユーザーから見る限りは、jQueryElement渡すかHTMLElement使うかぐらいの違いですけどね。 また、Angular, React等のSPAをスクラッチで設計する場合、気づいたらjQueryを使っていな
表示領域を取得するときにお馴染みの $(window).height(); をiPhoneのSafariで考えなしに使うと痛い目を見るのでメモとして残しておく。 環境 iPhone 5s(iOS8.1) jQuery 1.11.1 注意すべきところ iPhoneのSafariが他のブラウザと比べて特徴的なのがURLバー(を含む上下のバー)がスクロールで小さくなったりする部分。これが本当にやっかいな挙動をする。 縦(portrait)表示の時は良いとして、問題なのは横(landscape)表示のとき。 URLバー(を含む上下のバー)は、縦から横に回転させたとき隠れ、スクロールすると表示される。 このURLバー(を含む上下のバー)が表示されているか否かで、表示領域の高さは変わるはずなのに、$(window).height()は同じ値を返す。 iPhone 5sで実行した時返す値 取得方法 UR
スマートフォンなどで、連続スワイプのハンドリング方法をまとめる。 指が触れ始めたときのDOMや、離れた瞬間のDOMは簡単に取得できるが 「今」指が触れているDOMを取得するのに苦戦した。 先日行ったホームページのデザインリニューアルでも この方法を使ってスマホのスワイプ対応をした。 やりたいこと 「このような要素をタッチしたときに、触れたところの色を変えたい」 「ひとつひとつタップするのではなく、指でなぞった部分の色を変えたい」 タッチ対象は、下記のような spanタグを用意して、CSSで成形する。
ElectronベースのTwitterクライアント: Nocturn ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun's blog の時にCoffeeScriptとjQueryで作っていたNocturnというTwitterクライアントがあり、これをES6, React, Reduxを使って書き直した。この記事ではその時に得た知見、感じた事を書いておく。 移行したスタックと移行時に感じたこと あらかじめお断りしておくと、僕は普段はRubyでサーバサイドの実装や運用をやっている人であり、JavaScriptに関してはほぼ素人の意見なので、以下はReactとかRedux興味あるけどまだ触ったことないですみたいな人向けの内容になると思う。 CoffeeScript → ES6 移行 参考: 春からはじめるモダンJavaScript / ES201
TVにあってWebサイトにはないもの。それは・・・スタッフロール!それに気づいてからはや数年・・・。そのjQueryプラグインを作成しました。 概要 Webサイトにもスタッフロールが流れたら面白いなーと思い作ったjQueryプラグインです。レイアウト2種類+縦or横に流れるorフェードバージョン+おまけが入っています。動作は現時点のデスクトップの最新ブラウザで確認しています。 デモ一覧 タイプ1:縦レイアウト+縦スクロール 役職と名前が縦に並んでいるバージョンを縦にスクロールしていくバージョンです。 デモ1 タイプ2:縦レイアウト+フェード 役職と名前が縦に並んでいるバージョンをフェードで表示していくバージョンです。 デモ2 タイプ3:縦レイアウト+横スクロール 役職と名前が縦に並んでいるバージョンを右から左に表示していくバージョンです。 デモ3 タイプ4:横レイアウト+縦スクロール 役職
$.ajax({ url: "http://jsrun.it/assets/E/H/Z/t/EHZt3", success: function (data) { $("#results").append(data); }, error: function () { alert("読み込み失敗"); } }); // urlを適当なものに変更すると「読み込み失敗」のアラートが出ます。 jsdo.itで実行する これはInternet Explorer 6(故)が猛威を振るっていた時代の、jQuery1.4くらいの旧い書き方です。「成功したらさらに非同期通信をしたい」「失敗したら別の処理をしたい」等、他の処理が多くなるに連れてコールバック地獄に陥り、バグの温床となります。 もう辞めましょう。。。 イマドキの$.ajax()はこう書く イマドキは、jQueryのDeferredオブジェクトのth
This article is part of a web development series from Microsoft. Thank you for supporting the partners who make SitePoint possible. jQuery, the world’s most popular JavaScript library to date, has been a boon for a lot of us web developers out there. From the time of its initial release in 2006 till today, a lot of us web developers have included this wonderful library in our projects to make our
HTML5からdata属性が使えるようになりましたが使っていますか? 使う必要がない人は使わなくてもいいですが、プログラムと掛け合わせて行くと結構使う場面が多いんですよね。 とても便利なんですが、大文字が使えない!?ってちょっとドハマりしてしまいました。 data属性って何?? そもそもdata属性って何でしょう。 正式名称は、独自データ属性というみたいです。 「data-*」となり、後ろの部分を自由にカスタマイズする事ができます。 使い方としては下記みたいな感じになります。 <ul> <li data-pref="tokyo">東京</li> <li data-pref="osaka">大阪</li> </ul> <script> $('li').click(function () { if ($(this).data('pref') == 'tokyo') { alert('東京をクリ
毎年恒例のjQueryのプラグインとスクリプトの総まとめを紹介します。「100選」の名称は恒例なので、実際は100以上あります。 今年目立ったのは、ランディングページなどの縦長ページ系、スクロールエフェクト系・CSSやSVGのアニメーションでしょうか。あとレスポンシブ周りも単にサイズ変化に対応させるだけでなく、ユーザビリティを向上させるものが充実していました。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 ソーシャル関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェクト関連 テキスト関連 タブ・アコーディオン関連 テーブル・リスト・チャート関連 フォーム関連 パネル・ボックス関連 モーダル
Zoomooz is: 6KB gzipped and 18KB minified. This includes everything but jQuery. Make any web page zoom. Download ZIP File Download TAR Ball Fork On GitHub Latest version: 1.1.9 (Nov 11, 2013, hacky fix for the back and forward buttons #66) Zoomooz is a jQuery plugin for making web page elements zoom. It can be used for making Prezi like slideshows and for zooming to images or other details. Quirky
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く