jQueryチェーン操作

1185 ワード

jQueryを議論する文章が多い.しかし,jQueryのチェーン操作に関する記事はそれほど多くない.良いコードは速度の向上をもたらします.迅速なレンダリングと応答は、より良いユーザー体験を意味します.
次にjQueryのチェーン操作についてお話しします.
コードを書くときはこう書くことが多いです.
$("div").css("background","#eee") $("div").text(「フロントエンドに注目し、ユーザー体験に注目する-冀」);
DIVの取得を繰り返すと、このノードはパフォーマンスに非常に影響します.この場合、次のように書くことが考えられます.
var div=$(「div」)div.css(「background」、「#eee」)div.text(「フロントエンドに注目し、ユーザー体験に注目-冀」);
いいですね.このように書くのも正しいです.繰り返してノードを探すのも最適化されています.しかし、もっと簡単にコードを書く方法はありませんか?
答えはjQueryチェーン操作で、コードを減らすのに非常に良い書き方であり、性能面の問題も最適化されています.


$("div").css("background","#eee").text(「フロントエンドに注目し、ユーザー体験に注目-冀」);
実現の原理は対象の方法に加えて
return this

 
このような方式は简単明瞭で、1行のコードは解决して、良いコードはこのように発生して、良いコードに関心を持って、良いコードのスケッチに関心を持って、私に関心を持ってください.