以下のコードを確認してください。
<script>
var cls = ['', 'a', 'a b', 'a b c'];
var divs = $('div.wrap').children();
children() は破壊的な操作を実行することに注意してください。つまり、新しい jquery オブジェクトを構築します。
var appendClass = function() {
divs.append(function() {
return '<div>' + (this.className || 'none') + '</div>';
});
};
appendClass();
$('button').bind('click', function() {
var tc = this.className || undefined;
divs.toggleClass(tc);
appendClass();
});
$('a').bind('click', function(event) {
event.preventDefault();
//(children is a destructive method which have constructed new jquery object so what is the use of using empty method on the upcoming statement)
divs.empty().each(function(i) {
this.className = cls[i];
});
appendClass();
});
divs変数で空のメソッドを使用することの用途は何ですか??