Toggle Menu

Form Validation

Alert：Text

Radio

Alert：Radio

Select

Alert：Select

jQueryの基本構文

$(セレクタ).メソッド(引数);

thisの使い方

入れ子構造で親セレクタを参照することができます。


$(function(){
  $(".btn-sample").click(function(){
    $(".btn-sample").html("Click");
    $(".btn-sample").css("background", "#635F5F");
  });
});

下記のように書けます。


$(function(){
  $(".btn-sample").click(function(){
    $(this).html("Click");
    $(this).css("background", "635F5F");
  });
});

scrollTop()

要素のスクロール位置を取得します。$(window) ← セレクタにブラウザを指定

append()

append()メソッドは、指定した要素内の最後に引数のコンテンツを追加するメソッドです。

attr()

$("セレクタ").attr("属性名");
セレクタの属性名を取得

html()

$("要素").html("追加したいテキストや関数");

Alertbox

hideメソッド、fadeInメソッド、fadeOutメソッド、clickメソッド使用

使用メソッド
hideメソッド、fadeInメソッド、fadeOutメソッド、clickメソッド
Photo
使用メソッド
clickメソッド、attrメソッド

コンテンツ1

  • click
  • hide
  • show
  • removeClass
  • addClass

コンテンツ2

コンテンツ3

コンテンツ4

使用メソッド
clickメソッド、hideメソッド、showメソッド、removeClassメソッド、addClassメソッド

Floating Menu

使用メソッド：scrollTop stop animate

Lightbox

Picture Caption

tooltip

Text Resizer

Title

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

Parallax

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。111111111111111111111
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。222222222222222222222
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。33333333333333333
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。444444444444444444444

Filtering

hasClass … 引数に指定したクラスを持つ要素がひとつでもあればtrueを返す。

highlighting

A B C D E F G
a 1000 2000 3000 4000 5000 6000 7000
b 1000 2000 3000 4000 5000 6000 7000
c 1000 2000 3000 4000 5000 6000 7000
d 1000 2000 3000 4000 5000 6000 7000
e 1000 2000 3000 4000 5000 6000 7000
f 1000 2000 3000 4000 5000 6000 7000
g 1000 2000 3000 4000 5000 6000 7000

Accordion

1

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

2

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

3

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

4

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

Random Banner

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

Slider

Slider Fade

Count Up

Best Record：0

Time：0