ここではjQueryの機能拡張をする 1.jQuery UI 2.Slick 3.Bootstarp のJavaScriptライブラリのCDNを解説しています。

JavaScriptのタイマー処理には 1.指定した時間経過後に処理を1回だけ実行する。 2.指定した時間間隔で処理を実行する。ここではこれらの事例を解説しています。

下記に詳細を解説します。

jtoggleClass() はjQueryメソッドです。要素に指定クラスのCSSを追加したり、外したりする事により図形を変化させます。

effect() はjQueryメソッドです。要素に表示効果(エフェクト)を与えるアニメーションを実行します。

fadeTo() はjQueryメソッドです。要素にCSSのopacity(不透明度)プロパティを変化させるアニメーションを行います。

toggle() はjQueryメソッドです。要素の開閉に利用されます。

jQueryの map(func) は、セレクタ要素が複数存在する場合にそれらを1個ずつ呼び出し処理した結果を jQueryオブジェクトとして返します。

jQueryの each(func) は、セレクタ要素が複数存在する場合に、それらを1個ずつ呼び出して処理します。

empty()はjQueryメソッドです。要素の中身(子要素)を空にする時に利用します。

append()は、jQueryメソッドです。セレクト要素の最後にHTML要素を追加したり、テキスト要素の後ろに文字を追加します。