プログラミング覚え書き

WEB製作覚え書き

ノート代わりに勉強した内容をまとめています。

jQuery:基本構文

 

 基本構文

$(function () {
  $('セレクター').jQueryメソッド(引数);
});

f:id:midori_x:20200423102557p:plain

f:id:midori_x:20200423102639p:plain

※$(function () {●●●;}); で囲まれたコードは、ページ全てが読み込まれた後に実行されるという決まりがある。


$とjQuery

「$」と「jQuery」とは同じ意味。「$」の代わりに「jQuery」を記述してもOK。

 

 

同一セレクターに複数のメソッドを書く場合

jqueryメソッドの殆どは、戻り値として自分自身(jqueryオブジェクト)を返す。

その為、下記のような記述が可能

$(function () {
  $('セレクター')

    .jQueryメソッド(引数)

    .jQueryメソッド(引数)

    .jQueryメソッド(引数)

    .jQueryメソッド(引数);
});