タグ

*jQueryに関するsudanのブックマーク (2)

  • 知っておくべきjQueryオブジェクトの扱い :: 5509

    jQueryオブジェクトからDOM要素にアクセスする方法やメソッドで渡されるjQueryオブジェクトの扱いなど基といえば基ですが、再認識メモです。なので、タイトルは自分に覚えとけよってことです。。 jQueryオブジェクトからDOMにアクセスする $(‘#id’)にすれば#idを取得できますが、この状態だとDOM要素を選らんでいる状態ではないので、DOM要素のプロパティにはアクセスできません。 $('#link').href // これは無理 1-1. $()[0] 要素を引数にしたjQueryオブジェクトはDOM要素が配列で格納されている状態なので $('#link')[0] // DOM要素の参照になる console.debug($('#link')[0]); // 評価結果 - DOM要素 // とすることで配列の中からDOM要素を指定することができるので、プロパティにアクセス

  • jQuery のセレクタを Firefox と Greasemonkey で練習する | JavaScript | かたつむりくんのWWW

    最近、jQuery のセレクタをマスターするのに最適ということで「 Selectors 」というサイトが話題になっています。 実際にそのサイトを使ってみるとかなり良い感じで、ビジュアルで jQuery のセレクタが理解できるので当に役立ちます。後は実践をこなして練習するのみですね。 さて、その「実践で練習する方法」ですが、ちょっとオススメなのが、 Firefox と Greasemonkey を使ってやる方法です。 練習方法 練習方法はいたってシンプルで、自分がよく見るサイトを自分好みにカスタマイズする Greasemonkey ユーザースクリプトを jQuery で書いていくだけです。 例えば、Amazon の商品詳細ページの商品写真の次に、「あわせて買いたい」や「この商品を買った人はこんな商品も買っています」などがありますね。これらは、かなり役立つ情報ではあるのですが、僕の場合、時々

    jQuery のセレクタを Firefox と Greasemonkey で練習する | JavaScript | かたつむりくんのWWW
  • 1