articles

2009 年 11 月 13 日

jQuery きょうだい(男女の別なく)ってsiblingsていうのね

CATEGORYTraversing   TAG 3:36 AM

男の兄弟はbrother
女の姉妹はsister
まとめてsibingっていうのでしょうか?

数日前に兄弟要素はnextall()だとかで満足してましたが
siblings()という便利な関数がありました。

これは知っていないとまずいです。

2009 年 11 月 13 日

jQuery :eq()と同時に覚えておきたい:nth-child()

CATEGORYSelectors   TAG 3:26 AM

:eq(n)は「該当する要素集合のn番目」ですが、
:nth-child(n)は「各親要素のn番目」だそうです。

nthはれっきとした英語だそうで、数学で習う不定の数を表す n に -th が付いたようなものだそうです。
意味的にも、何度目かのといった具合のニュアンスなのかしら?

2009 年 11 月 13 日

jQuery エレメントのインデックス番号を返す

CATEGORYEventsjQuery   TAG 2:47 AM

$(“div”).clickなどの、要素が複数あるとき
押されたオレって要素の何番目なの?ってときには
index()をつかえば良さそうです。

$("div").click(function () {
  var index = $("div").index(this);
  alert(index);
});

これ早く知っておけばよかったです・・・

2009 年 11 月 11 日

jQuery シェイクする

よくあるぶるぶるシェイクするやつです。

 $(element).animate({ left: -10 }, 75)
           .animate({ left: 10 }, 75)
           .animate({ left: -10 }, 75)
           .animate({ left: 10 }, 75)
           .animate({ left: 0 }, 75);

またまた大好きなjQueryのリファレンスからです。
http://semooh.jp/jquery/api/effects/

サンプルも勉強になって好きです、このサイト。

2009 年 11 月 11 日

jQuery 使えそうなサンプル

フォーカスが合うと文字列が現れてきえる。
これは色んな場面で使えそうです。

$("input").focus(function(){
  $("Focused!").appendTo("body").fadeOut(1000);
});

だいすきなリファレンスのtriggerHandlerのサンプルでありました。

http://semooh.jp/jquery/api/events/triggerHandler/type%2C+%5Bdata%5D/

2009 年 11 月 11 日

jQuery get()は配列で返す。

CATEGORYCorejQuery   TAG 3:44 AM

jQueryにエレメントを配列の形でかえすget()という関数を見つけました。
とりあえずはつかいませんが。
eq()やsize()等をつかって工夫していた処理が簡単になりそうです。

2009 年 11 月 7 日

CSS liをfloatしたときの解除

CATEGORYCSS   8:48 PM

頻出するので、いいかげんにお茶を濁す方法はやめて
正式なものがないかしらと思っていたらいいの見つけました。

floatを親要素で解除するクリアフィックス | DAICHIFIVE blog

ずっともやもやしてたので助かりました。