はじめに
ここはリラックスして読んでいただければと思います!そんな難しくないです。
ここで理解してほしい概念はメソッドは連結できるということです。
要するに鎖(チェーン)のように繋げる事ができるんです。
メソッドを繋ぐ
まずは下の写真をご覧ください。
pタグにcssメソッド(css変更)が付いてその後ろに、textメソッド(テキスト変更)が付いていますね!
この書き方をメソッドチェーンと呼びます。なんでこんな書き方をするかというと、とあるjQueryの特性から来ています。
それはコードの重さです….
非常にコード自体短くコンパクトに書けるjQueryですが、詰め込まれているコードは膨大です。
なのでコード的に効率よく、かつシャープに書かないと処理に時間がかかってしまうのです。
こんな感じで2つに分けてもいいのですがコードの効率性的にもあまりよくないでしょう。。。
実際の開発現場でもレビュー担当者が見やすいように、より短くコードを書くことを求められます。
書き方に慣れるまでは無理にメソッドチェーンを使う必要はありませんが、
徐々に見やすいコードを意識していきましょう!