タグ

jQueryに関するapo-coのブックマーク (4)

  • jQueryのbind/live/delegateの違いまとめ、と新API .on()の使い方 - y-kawazの日記

    jQueryのイベント記述方法はいくつかあり、大雑把におさらいしたのが以下の3パターンです。 まず一番基的なのが $("a").click(fn) や $("a").bind('click', fn) です。click(fn)はbind('click', fn)の省略形です。 次にjQuery1.3で $("a").live("click", fn) という機能が出来ました。liveの良いところはDOM操作で出たり消えたりするエレメントに対して再バインド無しでイベント定義ができる利便性と、内部的にはbind個所がdocumentの1か所になり複数個所へのbindが無くなることによるメモリ効率と実効速度の向上です。 更にjQuery1.4.2で $("#foo").delegate("a", "click", fn) という書き方が出来るようになりました。これは特定要素以下に限定するliv

    jQueryのbind/live/delegateの違いまとめ、と新API .on()の使い方 - y-kawazの日記
    apo-co
    apo-co 2012/07/23
    bind,delegate,liveの違いとon/offによる代替
  • prototype.jsとjQueryの最低限知っておくべき違い - (゚∀゚)o彡 sasata299's blog

    2010年12月06日12:52 JavaScript prototype.jsとjQueryの最低限知っておくべき違い Rails を使っていると、デフォルトで prototype.js が組み込まれています。ですが、やっぱり jQuery を使いたくなることもあって結局両方組み合わせて使う、みたいなことになったりしたりします(よね?)。あ、どうもささたつです。 ということで今回は両方使うときの話です。 ちなみに両方を使いたい場合は $() がコンフリクトするのでこのようにして jQuery 側の $() を置き換えることで解決できますー。どちらも $() ですが、prototype.js の場合はあくまで document.getElementByID の単なるショートカットでDOMオブジェクトを返すのに対し、jQuery の場合は独自のオブジェクト(jQueryオブジェクト)を返しま

    apo-co
    apo-co 2010/12/06
    prototype.jsとjQueryの違い・共存方法
  • どんなフォームにも使えるjQueryのフォームバリデーション exValidation :: 5509

    jquery.validation.jsというフォームバリデーションプラグインを公開していますが、使える場面が割と限定されてしまうような作りだったので、より幅広く使えるようにexValidationという名前で新しいjQueryプラグインとして作り直しました。伴って仕様や使い方が異なる部分も多いので、ドキュメントとして書いておきます。ただし前半のバリデーションルール周りは同じエンジンを使ってるので、ほぼ同じです。ちなみにすごい長いです。。 ルールを割り当てる際のclass名がhogeからchkhogeに代わりました。アップデートして使う場合は注意してください。 サンプル1: エラーを右上に表示 サンプル2: エラーを下に表示 トピックス ダウンロード 使い方 1. JSファイルを読み込む 2. 基バリデーションルール 3. select, checkbox、radio、複数項目の場合 4

  • テーブルのヘッダを固定してスクロールする jQuery プラグイン – OTCHY.NET

    Excel のウィンドウ枠の固定のように、テーブルのヘッダや左側を固定して、残りの部分をスクロールさせるための jQuery プラグインを書きました。 マークアップはシンプルで、普通にテーブルを書いたら、jQuery の作法でプラグインを呼び出すだけです。 jQuery のおれおれプラグインはいくつか書いた事がありましたが、こうやって公開するのは初めてです。ごてごての機能が欲しいんじゃなくて、単に既存のテーブルを固定スクロール化したいだけの時に、いいのが見つからなくて書いたので、けっこうニーズがあるんじゃないかと思ってます。 下記は簡単なサンプルです。詳細は専用ページを見てみて下さい。 HTML <table id="tablefix"> <thead> <tr> <th rowspan="2">ヘッダA</th> <th rowspan="2">ヘッダB</th> <th colspan

    テーブルのヘッダを固定してスクロールする jQuery プラグイン – OTCHY.NET
  • 1