Search Results: tag:jquery

5 件ヒットしました。

javascript jquery 特定の要素までスクロールする

$("html, body") に対して animate で scrollTop を指定する。

var target = $("h1");
$("html, body").animate({ scrollTop: target.offset().top }, 0);

50px のツールバーが上部に固定されている場合は

$("html, body").animate({ scrollTop: target.offset().top - 50 }, 0);

として調整すればよい。

jquery javascript 要素の横幅を取得、設定する

$(".sample").width()

で横幅を取得できる。設定は

$(".sample").width(100)

とする。横幅が 100px になる。

jquery javascript 要素のクラスを操作する

順に、削除、追加、クラスが指定されているかは次のようにする。

$("#foo").addClass("class_name")
$("#foo").removeClass("class_name")
$("#foo").hasClass("class_name")

また、toggleClass はクラスが指定されていれば削除、 指定されてなければ追加することができる。

$("#foo").toggleClass("class_name")

jquery javascript 子要素をすべて削除する

empty を使う。

$("#parent").empty();

jquery javascript 配列に含まれているかどうかを調べる

jQuery.inArray を使う。含まれていればそのインデックスを返し、 含まなければ -1 を返す。

if(jQuery.inArray(1, [1,2,3]) != -1) {
  console.log("include")
} else {
  console.log("not include")
}

javascript そのものにはないのだろうか。