タグ

ブックマーク / tinybeans.net (2)

  • jQuery で要素に複数のクラスが指定されているか調べる .hasClasses() | JavaScript | かたつむりくんのWWW

    jQuery で、対象要素にクラスが指定されているかを調べるには、.hasClass() というメソッドを使います。 このメソッドは、引数に指定したクラス名が対象要素に指定されている場合は true を返し、指定されていない場合は false を返すメソッドです。 しかし、この .hasClass() は、渡された文字列を検索するだけなので、一つのクラス名についてしか調べることができません(場合によっては複数もできるけど)。そこで、複数のクラスがついているか調べることができる「 .hasClasses() 」というメソッドを書いてみました。すでに書いている人がいたらごめんなさい。 【2010-10-20 追記】 @rewish さんと@5509 さんのご意見を取り入れて少し変えました。こういう反応って嬉しいな〜! jQuery.fn.extend({ hasClasses: functio

    jQuery で要素に複数のクラスが指定されているか調べる .hasClasses() | JavaScript | かたつむりくんのWWW
  • jQueryでボックスの中の画像の縦位置を中央に揃える | JavaScript | かたつむりくんのWWW

    商品のサムネイルや商品名を入れたボックスを並べて、商品一覧などを作ることって結構あるのではないでしょうか。 そんなとき、写真のサイズが決まっていれば何の問題もありませんが、縦長だったり横長だったりする写真が混在するとき、それらの写真をボックスの中央に配置するのって結構面倒じゃないですか? 左右中央に配置するのは問題ありませんが、縦を中央に配置するのが結構厄介です。 そこで、そのような場合の縦位置を jQuery で中央に配置してみようという小ネタです。 今回は、jqueryVerticalMiddle.js というプラグインを用意しました。 jqueryVerticalMiddle.js jqueryVerticalMiddle.jsのサンプル 使い方はサンプルのソースを見た方が早いと思いますが、念のため説明を。 ファイルの読み込み jQuery と jqueryVerticalMiddl

    jQueryでボックスの中の画像の縦位置を中央に揃える | JavaScript | かたつむりくんのWWW
    okosou
    okosou 2010/06/21
    レイアウト(layout)系
  • 1