タグ

ブックマーク / semooh.jp (7)

  • Core - jQuery 日本語リファレンス

    Core/API/jQuery jQuery関数/$(...) jQuery(expression, context) CSSセレクターを受け取って、マッチしたエレメント集合のjQueryオブジェクトを返す。 jQuery(html, [ownerDocument]) HTML文字列を受け取ってDOM Elementを作成し、それらを含むjQueryオブジェクトを返す。 jQuery(elements) 受け取ったエレメントをjQueryオブジェクトにして返す。 jQuery(callback) $(document).ready()の短縮形。 jQueryオブジェクト操作 each(callback) 全ての要素に対してコールバック関数を実行する。 size() jQueryオブジェクトが持つ要素数を返す。 length jQueryオブジェクトが持つ要素数を保持する。 selector

  • Attributes - jQuery 日本語リファレンス

    Attributes/API/jQuery Attr: attr(name) 最初の要素の指定属性値を返す。要素がその属性を持たない場合、戻り値はundefined。 attr(properties) ハッシュを渡して、全ての要素に属性を設定する。 attr(key,value) キーと値を渡して、全ての要素に属性を設定する。 attr(key,fn) キーと関数を渡し、関数の戻り値を値として、全ての要素に属性を設定する。 removeAttr(name) 指定属性を持つ要素から、属性を削除する Class: addClass(class) CSSクラスを要素に追加する。空白区切りで複数指定も可能。 removeClass(class) CSSクラスを要素から削除する。空白区切りで複数指定も可能。 toggleClass(class) 要素に対し、指定CSSクラスがあれば削除し、無ければ追

  • Css - jQuery 日本語リファレンス

    Css/API/jQuery CSS css(name) 最初の要素が持つstyle属性の値を返します。 css(properties) スタイルのキーと値を持つハッシュを渡して、全ての要素のstyle属性を設定します。 css(name, value) キーと値を渡して全ての要素のstyle属性を設定します。 Positioning offset() 最初の要素の、現時点での表示位置からのオフセットを取得します。 position() top、leftを親要素からのオフセットで取得します scrollTop() 最初の要素の現在のスクロール上の上位置を取得します scrollTop(val) 合致する要素のスクロール上位置を指定します scrollLeft() 最初の要素の現在のスクロール上の左位置を取得します scrollLeft(val) 合致する要素のスクロール左位置を指定します

  • jQuery 日本語リファレンス

    jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );

  • jQuery.getJSON( url, data, callback ) - jQuery 日本語リファレンス

    HTTP(GET)通信でJSON形式のデータを読み込む。 jQuery1.2では、JSONPのコールバック関数を指定すれば、別のドメインにあるJSON形式のデータを読み込む事が可能になった。(書式:"myurl?callback=?")jQueryは?を呼び出したい関数名に置換し、それを実行する。 【注意】この関数以下のコードは、コールバック関数が呼ばれる前に実行される。

  • jQuery Easing - jQuery 日本語リファレンス

    Easing/jQuery easingとは、エフェクトの動きを加速/減速させるための関数です。 例えばフェードアウトの動きを考えたとき、通常は透明度の変化量は経過時間に対して線形です。全体で1秒かかって消える処理であれば、0.5秒経過時の透明度は0.5になります。 しかし、ここでeaseInQuadの動きを適用すると、変化量は線形ではなく2次関数の曲線になります。(下記サンプル参照) そのため、最初はゆっくりと薄くなっていき、後半に急激に消えていくような効果が得られます。 特別なことをしなくても使うことの出来るeasingは"linear"と"swing"の2種類だけですが、プラグインなどを入れることで多くのeasingを利用することができます。 このeasingプラグインでは、version 1.3時点で32パターンが提供されています。 これ以外にもeasingは比較的容易に自作するこ

  • animate(params, [duration], [easing], [callback]) - jQuery 日本語リファレンス

    自分で独自のアニメーション効果を作成するための関数です。 この関数でポイントになるのは、style属性の変化です。例えば”height”,”top”,”opacity”のようなstyleを、どのような値で完了させたいかを渡してやることで現在の値から変化させていきます。 ※ これらの値は、キャメルケースで表記されなければなりません。例えばmargin-leftは、marginLeftのように記述します。 例えば現在のheightが10pxで、animate関数に{height: “100px”}と渡した場合、高さが10pxから100pxに徐々に変化していく効果が得られます。これは数値のみに適用されますが、それ以外にも” hide”,”show”,”toggle”などの文字列が指定された場合にも、対応した効果を作成してくれます。 そもそも数値型の値をとらない属性(backgroundColor

  • 1