jQuery.ajaxの代わりにSuperAgentを使う - Qiita
脱jQuery AngularJSやVue.jsでは、DOMの直接操作は推奨されません。 そうなると、jQueryはAJAXでしか使わなくなります。 であれば、AJAX専用のライブラリにまかせてしまって、jQuery依存を外したくなってきます。 というわけで、AJAXだけをやってくれるライブラリとして、SuperAgentを導入してみましょう。 HTTPリクエストに特化したライブラリです。 Node.jsとブラウザ両方で使うことができます。 作者はExpress, Stylusの開発などで有名なTJです。 superagentの良さ かわいい。 ブラウザでの導入方法 まず、下記URLにアクセスし、ファイル名superagent.jsとして名前をつけて保存してください。 https://wzrd.in/standalone/superagent@latest scriptタグでsuperag
jQuery使いが知っておくべきjQueryテクニック8選 - Hack Your Design!
1. jQuery 2.x vs 1.x 2. イベントハンドリングには on() を使うべし 3. AJAXには done(), fail() を使うべし 4. ajax()だけじゃなくショートカット・メソッドも活用すべし 5. find() を使って絞り込むべし 6. カスタムイベントを定義する 7. 属性を指定してDOMエレメントを生成できる 8. form送信時は serialize() を使って値をまとめて取得すべし 参考 本記事はjQuery Advent Calendar 2013の23日目の記事となります。今回はjQuery使いとして覚えておきたいテクニックを個人的に8つピックアップしてみました。 日本との時差の関係で更新が24日になっているでしょうが気にせずいきましょう。 1. jQuery 2.x vs 1.x １つ目はテクニックというよりTipsになります。jQuer
.on() | jQuery API Documentation
The .on() method attaches event handlers to the currently selected set of elements in the jQuery object. As of jQuery 1.7, the .on() method provides all functionality required for attaching event handlers. For help in converting from older jQuery event methods, see .bind(), .delegate(), and .live(). To remove events bound with .on(), see .off(). To attach an event that runs only once and then remo
jQueryと他のライブラリのコンフリクトを避ける方法 | HALAWATA.NET
jQueryはプラグインの種類も豊富なのでそれだけで事足りることがほとんどではありますが、prototype.js等のライブラリと併用したいというときもたまにあります。 そういう場合に起こるのがライブラリ同士のコンフリクト（衝突）で、$関数がそれぞれで異なる定義をしているために起きてしまうものです。よってこれを何とかしておかないとエラーになってしまいます。 回避方法その1 – $関数ではなくjQuery関数を使う 回避方法その1は$関数ではなくjQuery関数を使う方法です。jQuery関数と$関数は名前が違うだけで中身は同じです。 まず、1行目のjQuery.noConflict();$関数を他のライブラリに開放します。これで$関数が使えなくなるので、代わりとしてjQuery関数を使います。 そのため、jQueryスクリプト内の$はすべてjQueryとする必要があります。 jQuery.
jQuery.fn.extendで$()を拡張する - nakawai’s diary
jQueryのセレクタで指定した要素をfadeOutで消して、消えた直後にfadeInで再度表示するようなアニメーションの実装を考えます。 これは、下記のようなコードで実現できます。 $("#hoge").fadeOut("slow", function(){ $("#hoge").fadeIn("slow"); }); このようなコードを何回も書くのは面倒なので、jQueryのメソッドfadeOutInとして定義してみます。 $()にメソッドを定義するには、jQuery.fn.extend(object)を利用します。objectのプロパティに定義したメソッドが$()オブジェクトから呼び出せます。定義したメソッド内では、thisは$()オブジェクトを参照しています。コードにしてみます。 jQuery.fn.extend({ fadeOutIn:function(){ return thi
フォームのバリデーションをしてみる with jQuery Validation Engine - Debuginfo
なにやらフォームを作ってます。$.postする前にバリデーションしたいです。 jQuery Validation Engineが良かったのでブログingします。(http://c-brains.jp/blog/wsg/09/08/28-200143.phpで言及されてますが、少し情報が古いので ^^ ) 1. ダウンロードして展開 https://github.com/posabsolute/jQuery-Validation-Engineの右下あたりからzipをダウンロードしてきます。ドキュメントルート以下に展開 $ tree jQuery-Validation-Engine/ jQuery-Validation-Engine/ ├── css │ └── validationEngine.jquery.css └── js ├── jquery.validationEngine-e
(1/2) - 第一回 jQueryから始めるBackbone.js - 実践！Backbone - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル
はじめに はじめまして。プログラマ向け情報共有サイトQiitaを開発・運営しているIncrements株式会社の高橋と申します。Qiitaではフロントエンドのアプリケーション開発にBackboneを採用しています。また縁があってBackbone.jsガイドブックという本を執筆させていただきました。本連載では、Backboneを使ったより実践的な話題を紹介していきたいと思います。 初回となる今回は「すでにjQueryを使っているけど最近何かと話題のBackboneも気になる！」という開発者の方がBackboneを試しに使ってみる際の初めの一歩の踏み出し方を紹介することが目的です。そのために今回はjQueryで実装されたサンプルコードをBackboneに移植します。 なぜBackboneを使うの？ すでにjQueryがあるのになんでわざわざBackboneを使うのでしょう。jQueryを使えば
Sinatra っぽく簡単に JS で Dispatch できる micro_dispatcher.js のご紹介 - tokuhirom's blog
https://github.com/tokuhirom/micro_dispatcher.js javascript 用のシンプルな Dispatcher にはいくつかあるが、どうも満足いくシンプルな実装がなかったのでつくった(というか Caym というオレオレ JS Framework の中にうまっていたものをとりだした)。 特徴としては、 Dispatcher だけのシンプルな実装(本体はやや冗長にかいていて、40行程度)sinatra 的なシンプルな記法といったところでしょうか。 使い方は以下のとおり。 var dispatcher = new MicroDispatcher() dispatcher.register('/', function () { }) dispatcher.register('/member/:name', function (name) { alert
「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net
Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。 jQuer
Mojolicious::LiteとData::ModelとjQueryでAJAXなチャットを作ってみた - 日曜プログラマのそゞろ事
Mojoliciousが1.01になりましたね。 まあ、それとは関係ないですが、jQueryを使ってAJAXなチャットを作ってみたので晒してみようかと思います。 AJAX自体、やった事が無いので、もっと良いやり方があるとは思います。 値の受け渡しはJSONを使ったのですが、Mojolicious側の受け取り方法がよく分からなくて$self->req->jsonとか、Mojo::JSON->newとかやっていたのですが、結果的に普通に$self->paramで受け取れるのがわかって、凄いと思いました。 JavaScript側では、Perlからのtime値をどうやって渡すのかが、調べていてもよく分からなかったので、正解に行き着くのが大変でした。 ミリセカンドで渡す、というのは気づきませんでした。 常識すぎてあまり書かれないんでしょうか 。 #!/usr/bin/env perl #ｕｔ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
.detach() | jQuery API Documentation
jQuery: Change element type from hidden to input
Amazon.co.jp: jQuery最高の教科書: 株式会社シフトブレイン: 本
http://blog.fulltext-search.biz/articles/2008/03/01/jquery-loader-for-greasemonkey