見出し画像

JavaScript New5 jQuery New4

jQueryの変数の代入について
= jQuery処理の高速化&見やすい

e.g.)
$('div').css('color', 'red');
$('div').html('jQuery');
$('div').fadeOut( );

何度もjQueryオブジェクト$('div')を使うのを避ける!

var $div = $('div');
= $('div')を$divに代入して使い回す

$div.css('color', 'red');
$div.html('jQuery');
$div.fadeOut( );

※高速化はメソッドチェーンでも可能
=$('div').css('color', 'red').html('jQuery');

変数には
jQueryオブジェクトメソッドも代入できる
e.g.)
var $answer = $(this).find('.answer');
= イベントが起こった要素を取得し、class名answerを探して。

この記事が気に入ったらサポートをしてみませんか?