Archive for the ‘jQuery’ Category

2013年07月11日に投稿

[jQuery] 偶数番目、または奇数番目の HTML 要素に対して処理を行う

見やすさを考慮してテーブルの背景色を一行ごとに変える方法はよく見る手法です。それを jQuery で行います。

続きを読む

2013年03月27日に投稿

[jQuery] animate メソッドは background-color のような数値でない値をとるプロパティでは動かない

てっきり背景もうまい具合に変わってくれると思っていたのですが、違っていたようです。公式のドキュメントによると、数値でない値をとるプロパティでは動かないとあります。動かしたい場合はプラグインを使う必要があるようですね。

http://api.jquery.com/animate/

All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated using basic jQuery functionality (For example, width, height, or left can be animated but background-color cannot be, unless the jQuery.Color() plugin is used).

2012年02月25日に投稿

[jQuery]Google Chromeで画像のwidthやheightがうまく取得できない場合の対処方法

jQueryでimg要素のwidthやheightを取得するコードがIEやFirefoxではうまく動きますが、Google Chromeではうまく動かない現象に遭遇しました。その場合の回避方法です。

続きを読む

に投稿

[jQuery]FC2ブログでページャーを自作する

FC2ブログにはいくつかのテンプレートタグが用意されていますが、ページ数を指定してページ移動できるページャー(1, 2, 3, …と表示されるリンク)がありません。そのページャーをjQueryを使って自作します。shoeistagramという照英の画像を集めたブログで実際に使っているコードです。

続きを読む

2012年01月14日に投稿

[jQuery] 画像の表示サイズに上限や下限を設定する

img 要素に width や height を指定すると画像の表示サイズを変更することができます。ですが width や height に上限や下限を設定したい場合は XHTML や CSS だけでは実現できません。この機能をjQuery を使って実現します。

続きを読む

2011年11月23日に投稿

[jQuery] css メソッドや animate メソッドで相対的なピクセル値を指定する簡単な方法

css メソッドや animate メソッドを使うと jQuery から簡単に CSS の操作ができます。要素を動いているように見せるには、margin や top、left などのプロパティをピクセル値で指定することになると思いますが、現在の場所からプラス 30px の位置まで動かしたいといった場合や、マイナス 20px の位置まで動かしたいといった場合に便利な記述方法があります。

続きを読む

2011年11月03日に投稿

[CSS] jQuery 等を使って margin-top の値を取得する時の注意点

jQuery(Javascript)を使ってある HTML 要素の margin-top を取得するときは、ブラウザによって返される値が違う可能性があるので注意が必要です。具体的にその違いを確認することができるコードを下記に示します。

続きを読む