[今さらjQuery] .stop()メソッドでアニメーションを停止する
公開日: : jQuery
引数
第1引数
キューに溜まってるアニメーションを削除するか。
*キューとは待合室のことです
デフォルトは、false
第2引数
現在実行中のアニメーションを一気に終わらせるか。一気に終わらせない場合は途中で止まる。
デフォルトは、false
例
<input type="button" value="up" id="up">
<input type="button" value="down" id="down">
<input type="button" value="stop" id="stop">
<p>a</p>
<p>b</p>
<p>c</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$('#up').on('click',function(){
$('p').slideUp(2000);
})
$('#down').on('click',function(){
$('p').slideDown(2000);
})
$('#stop').on('click',function(){
$('p').stop(false, false);
})
</script>
上記の場合は、stopの引数が、false(キューに溜まったアニメーションを削除しない),false(現在実行中のアニメーションを一気に終わらせることをしない)となっているため、アニメーションの途中で止まるみたいな動きになる。
参考にしたサイト
Googleアドセンスレスポンシブ
関連記事
-
[今さらjQuery] .text()メソッドで指定した要素の文字列を結合取得
例 <p>a</p> <p>b</p> &
-
今さらjQuery onメソッドでイベント駆動
概要 jQueryのオブジェクトにイベントを紐付ける。 例 $
-
[今さらjQuery] .split()メソッドで文字列を分割
概要 文字列から指定した区切り文字列を堺に分割し、配列として返す。 例 <p id=
-
[今さらjQuery] .removeClass() でClassを削除
概要 指定した要素から、引数に指定したクラスを削除する。 例 <p class="h
-
[今さらjQuery] $thisはどこを参照しているか
結論 https://www.flatflag.nir87.com/this-1371 $(
-
今さらjQuery 基本
文法 セレクタ.メソッド セレクタとは 操作する対象のDOM(Document Objec
-
[今さらjQuery] .attr()メソッドで属性を取得、追加、編集
概要 attrは、指定した要素の属性を取得したり新規追加したり編集できたりする。 属
-
[今さらjQuery] $(function() ドルカッコファンクション
意味 このhtml(=DOM)をすべて読み込んだ後に実行する。(画像は除く) 書き方 &n
-
[今さらjQuery] .html()でhtmlの内容を抽出する
例 <p>aaa</p> ↑HTML $('p')
-
[今さらjQuery] [id^=”prefix”] キャレットイコールで前方一致
概要 jQueryのセレクタで、指定した文字列から始まる属性名を指定する。 例