jQueryを使わないでAjax通信をするオブジェクト - Ando.report(); // JavaScriptをもっと勉強したいブログ。
AjaxのためだけにjQueryを使うのは少し重いので、カスタマイズする前提で作ったオブジェクトをスニペットとして掲載しておきます。 /* require Prop.js */ var Ajax = { get: function (params) { var key; if (!params.url) { throw 'URLを指定してください'; } this.method = new Prop('GET'); for (key in params) { this[key] = new Prop(params[key]); } this.sendRequest(); }, post: function (params) { var key; if (!params.url) { throw 'URLを指定してください'; } if (!params.data) { throw '送信す
[JavaScript] jQueryを使わずにAjax通信をしてJSONを取得する方法
概要 JSONを吐き出すAPIのデータを取得する。 ただし、jQueryは使用できないものとする。 想定 レガシーブラウザは念頭にない。（レガシー考慮するなら jQuery 使おう！） jQueryを使用した場合 ちなみにjQueryを使用できるのであれば以下のようなコードで良い。 $.getJSON("http://localhost/api/hoge", data, function(json){ console.log(json); });簡潔に記述することができる。 Vanillaで実装する jQuery と仕様を合わせるつもりはないが、以下の様な実装で実現可能。function getJSONData(url, callback) { var xhr = new XMLHttpRequest(); xhr.onerror = function () { console.log('
![[JavaScript] jQueryを使わずにAjax通信をしてJSONを取得する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/3c44ffa55b5c7380921a0f7ddf15f8d8c8432155/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20151223090038.png%3Fts%3D1f0711bcf895d0eec2a8e04c6ab978d1c48a4664)
jQueryでスクロールしても固定されるサイドバーを実装する(レスポンシブ対応)｜Gimmick log
TOPjQuery jQueryでスクロールしても固定されるサイドバーを実装する(レスポンシブ対応) jQueryでスクロールしても固定されるサイドバーを実装する(レスポンシブ対応) 公開日：2015.11.20 更新日：2020.05.13 jQuery, ナビゲーション ページをスクロールするとサイドバーが画面上部に固定されるコードを書いてみました。 デモでは、サイドバーの項目が1～40番目までスクロールされたら、サイドバーが固定されるようになっています。 このサイトでもアレンジを加えて利用していますので(2015年3月現在)、動きを確認してみてください。 デモページ このサイドバーの概要 以下の条件で作成しました。 一定の長さをスクロールすると、サイドバーが画面の上部を基準に固定される ページの最後までスクロールしたら、サイドバーは親要素の下部(フッターの上)に固定される 横幅が特定
見栄えがよくなった！Web制作するなら知っておきたいjQueryプラグインまとめ
作成：2014/05/7 更新：2014/11/01 Web制作 > ギャラリーサイトやECサイトなどで、最近よく見かけるデザインやエフェクトなど、制作前に知っておくと助かる、「どっかで見たことあるけど何だっけ？」といった感じのjQueryプラグインや最近のトレンドなるものをまとめました。ページにちょっとした工夫を凝らしたいとき、動きのある仕掛けでキャンペーンサイトを作りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ メニュー １．フィーチャーリスト ２．スティッキーヘッダー 画像エフェクト ３．マウスオーバーで画像にキャプション ４．イメージビューア ５．ズームインエフェクト ６．ブラーエフェクト スクロール ７．Infinite Scroll(無限スクロール) ８．画像シーケンス ９．横スクロール １０．フリック機能 レイアウト １１．画面全
jQueryのソースコードを読むための参考サイト２０選 · DQNEO日記
古いバージョンも参考になる 最新バージョンはコードが1万行くらいあってなかなか大変です。 読み疲れたら、古いバージョンを見て気分転換しましょう。 古いバージョンは実装がシンプルなので、全体像を把握するにはよいかもしれません。 バージョン1.0 (わずか1800行。ver1.7の５分の１です) http://code.jquery.com/jquery-1.0.js バージョン1.1 (2100行) http://code.jquery.com/jquery-1.1.js バージョン1.2 (2900行) http://code.jquery.com/jquery-1.2.js バージョン1.3 (4200行) http://code.jquery.com/jquery-1.3.js バージョン1.4 (6000行。セレクタエンジンがSizzleになりました。) http://code.jq
並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌
Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。 背景を黒にするとよりオシャレな感じです。 関連エントリ 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
