[今さらjQuery] .stop()メソッドでアニメーションを停止する

公開日: : jQuery

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のロゴ

[今さらjQuery] .val()メソッドでvalueの値を取得

例 <input id="tb" type="text"> <script

記事を読む

jQueryのロゴ

[今さらjQuery] .removeClass() でClassを削除

概要 指定した要素から、引数に指定したクラスを削除する。 例 <p class="h

記事を読む

jQueryのロゴ

[今さらjQuery] .find()メソッドで指定したセレクタの子孫要素を取得

概要 指定したセレクタの全子要素を探す。 例 <div>色が<span&

記事を読む

jQueryのロゴ

今さらjQuery 基本

文法 セレクタ.メソッド セレクタとは 操作する対象のDOM(Document Objec

記事を読む

jQueryのロゴ

[今さらjQuery] .attr()メソッドで属性を取得、追加、編集

概要 attrは、指定した要素の属性を取得したり新規追加したり編集できたりする。 属

記事を読む

jQueryのロゴ

[今さらjQuery] [id^=”prefix”] キャレットイコールで前方一致

概要 jQueryのセレクタで、指定した文字列から始まる属性名を指定する。 例

記事を読む

jQueryのロゴ

[今さらjQuery] .html()でhtmlの内容を抽出する

例 <p>aaa</p> ↑HTML $('p')

記事を読む

jQueryのロゴ

[今さらjQuery] .toggleClass()メソッドで指定したクラスを出したり消したり

概要 toggleClass(クラス名)メソッドは、「クラス名」が在れば無くし、無ければ付け足

記事を読む

jQueryのロゴ

[今さらjQuery] $(function() ドルカッコファンクション

意味 このhtml(=DOM)をすべて読み込んだ後に実行する。(画像は除く) 書き方 &n

記事を読む

jQueryのロゴ

[今さらjQuery] $thisはどこを参照しているか

結論 https://www.flatflag.nir87.com/this-1371 $(

記事を読む

Googleアドセンスレスポンシブ

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Googleアドセンスレスポンシブ

php-logo
php =& イコールアンパサンド で参照渡し

意味 変数やオブジェクトなどを参照渡しする。 # 下記はど

php-logo
php5 varによる宣言

古い、人が作ったソース見てたらvarで変数宣言しているのがあって調

php-logo
php parent 親クラスのプロパティやメソッドにアクセスする

子クラスで使う すると親クラスのプロパティやメソッドにア

php-logo
phpの変数などにつく「_」アンダースコアについて調べた

ちょこちょこいろんなところで見てモヤモヤしておりました。phpだけ

数字と記号
Webブラウザだけでfavicon.ico作成

  1.基となる記号作成 こちら  

→もっと見る

PAGE TOP ↑