• 当サイトについて
  • リンク
  • サイトマップ

ShanaBrian Website

  • トップ
  • 壁紙
  • Web素材
  • Webサイト制作支援
  • お問い合わせ
  • TOP
  •  
  • Webサイト制作支援
  •  
  • jQuery逆引き

jQueryの逆引きリファレンス / オリジナルライブラリ jQuery Reference / Original Library

  • ツイート
  • このエントリーをはてなブックマークに追加
  • チェック

デザインやインターフェースなどjQueryを利用した様々なサンプルを掲載しています。
また、jQueryを利用した独自ライブラリなども配布しています。

  • ※ 不定期で更新を行っています。/li>

文字・数値

  • 文字の大きさを取得
  • フォントサイズの変化を検知しイベントを発火させる
  • 要素に適用されているCSSのmarginを取得
  • 要素に適用されているCSSのpaddingを取得
  • 要素に適用されているCSSのborderを取得
  • 要素に適用されている縦横幅を取得
  • 文字数のカウント

日付・時間・季節

  • カレンダー
  • 現在の日時をリアルタイムで取得(ローカル)

DOM・Node・要素・属性

  • 自身の要素をHTML文字列で取得
  • 自身の要素をHTML文字列で取得
  • 直下(子要素)のテキストノードを取得
  • 直下のラッパー要素を削除(wrapInnerの削除版)
  • リンク領域の拡大
  • 要素の高さ揃え
  • 属性の存在を確認
  • 複数のクラス名の存在を確認(判定)

フォーム

  • セレクトボックス(multiple)間の移動
  • 同意するボタンでのSubmitボタンの切り替え
  • 数値の増減
  • 入力欄の内容に変化したときにイベントを発火
  • テキストエリアの内容に応じて縦幅を変更する

テーブル

  • テーブルで一行おきに色を自動設定
  • マウスオーバーで行をハイライト
  • マウスオーバーで行列をハイライト

画像

  • 背景色をのせる(オーバーレイ)
  • 画像の一部を拡大
  • 画像の読み込み後に処理を行う(複数画像対応)

効果/アニメーション

  • フェードイン・フェードアウト
  • 円形に要素を動かす(アニメーション)
  • 2次曲線を使った要素の曲線移動(アニメーション)
  • 3次ベジェ曲線を使った要素の曲線移動(アニメーション)

スクロール

  • スクロールに追従する要素
  • スムーススクロール

メニュー/ナビゲーション

  • 縦型アコーディオンメニュー
  • タブ
  • 折りたたみ
  • もっと見る
  • ドロップダウン
  • ページネーション(ページ送り)

ウィンドウ

  • 別ウィンドウ(ポップアップ)表示

マウス

  • マウスの座標を取得

その他

  • 簡易スライドショー(画像以外の要素にも適用可能)
  • 簡易スライドショー2
  • ツールチップ(ツールヒント)を表示
  • IE8以下で透過pngの背景が黒くなる対策

jQuery UI

Autocomplete

  • かなを入力した際に漢字を表示(オートコンプリート)
  • ツール

    • パスワード自動生成
    • パスワードの暗号化
    • エンティティ変換
    • URLエンコード/デコード
    • Unicode変換
    • QRコード生成
    • 文字カウンター
    • 画像サイズ計算
    • 文字変換
    • ディスプレイのPPIを算出
    • CSSセレクタ―利用可否チェック
    • 画像ファイルをBase64文字列へ変換
    • CSSカスタムイージング
    • CSS Selector Nth Tester
    • カラーコード相互変換
    • CSS Sprite Generator
    • マルチアイコン生成
  • JavaScript、jQuery
    ライブラリ、APIの紹介

    • autoKana
    • Lightbox2
    • Lightbox2.5~2.7
    • SyntaxHighlighter2
    • SyntaxHighlighter1.5.1
    • Tablekit
    • TinyTable
    • XMLの読み込み
    • AjaxZip3
    • AjaxZip2
    • fleXcroll
    • jScrollPane
    • Slimbox 2
    • jQuery LightBox Plugin
    • jQuery Cycle Plugin
    • Roundabout
    • DD_belatedPNG
    • jQuery&prototypeの共存
  • リファレンス

    • jQuery逆引き
    • JavaScript逆引き
    • CSS3逆引き
    • SASS・SCSS逆引き
  • カラーコード

    • Webセーフカラー
    • ネームカラー
    • モノトーンカラー
    • グレースケールカラー
    • パステルカラー
    • カラーリスト1
    • カラーリスト2
    • カラーコード変換
  • その他

    • 特殊文字・特殊記号
    • CSSプロパティ・値の読み方
    • HTML・CSS・JavaScriptのテクニック集
    • CSSセレクター一覧
    • CSSハック
    • バナーサイズ一覧
    • PHP簡単カレンダー関数
    • 正規表現
    • 文字コード
    • 機種依存文字
  • トップ
  • 壁紙
  • Web素材
  • Webサイト制作支援
  • お問い合わせ

copyright © 2008-2018 ShanaBrian. All rights reserved.