функция end ()

Question

Функция end() в jQuery возвращает элемент, установленный до последнего разрушительного изменения, поэтому я могу видеть, как он должен использоваться, но я видел несколько примеров кода, например: на alistapart (которые, вероятно, были из более старых версий jQuery - статья за 2006 год) , которая завершила каждое утверждение с .end(). например:

$( 'form.cmxform' ).hide().end();

• Имеет ли это какой-либо эффект?
• Это то, что я тоже должен делать?
• Что вообще возвращает этот код?

Answer 1

Это end() ничего не делает. Нет смысла так кодировать. Он вернет $('#myBox') - пример довольно плохой. Более интересно что-то вроде этого:

$('#myBox').show ().children ('.myClass').hide ().end ().blink ();

Который покажет myBox, скроет указанные дочерние элементы, а затем мигнет. Здесь есть более интересные примеры:

http://simonwillison.net/2007/Aug/15/jquery/

например:

$('form#login')
    // hide all the labels inside the form with the 'optional' class
    .find('label.optional').hide().end()
    // add a red border to any password fields in the form
    .find('input:password').css('border', '1px solid red').end()
    // add a submit handler to the form
    .submit(function(){
        return confirm('Are you sure you want to submit?');
    });

Answer 2

От jquery doc есть пример:

$('ul.first').find('.foo')
  .css('background-color', 'red')
.end().find('.bar')
  .css('background-color', 'green')
.end();

и после него уточнение:

Последний конец () не нужен, так как мы сразу после этого отбрасываем объект jQuery. Однако, когда код написан в этой форме, end () обеспечивает визуальную симметрию и чувство завершенности, делая программу, по крайней мере, на взгляд некоторых разработчиков более читаемой, за счет небольшого снижения производительности, так это дополнительный вызов функции.