@ PHP

Method chaining:メソッドチェーン

同一のセレクタに対して複数の命令を指定する場合は、「メソッドチェーン」で記述すると、記述が短くてすむだけでなく、内部処理も効率がよくなります。

たとえば、p 要素の先頭と最後に strong 要素を挿入したい場合、次のように記述します。

$("p").prepend("<strong>先頭に挿入</strong>");
$("p").append("<strong>最後に挿入</strong>")

同じコードをメソッドチェーンで書き直すと、次のようになります。

$("p").prepend("<strong>先頭に挿入<strong>").append("<strong>最後に挿入<strong>")

p 要素の先頭と最後に strong 要素を挿入する命令文はメソッドチェーンで次のように記述します。

method-chaining.html

<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="utf-8">
<title>sample</title>
</head>

<body>
  <p id="first">テキストテキスト</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(function(){
  $("p#first").prepend("<strong>先頭に挿入<strong>").append("<strong>最後に挿入<strong>")
});
</script>
</body>

</html>

demo