زمانی که صحبت از جی کوئری و قابلیت ها و ویژگی های آن به میان باشد نمی شود از این مطلب گذشت که از ویژگی های بسیار خوب jQuery امکان وصل کردن چند متد به یکدیگر است. برای مثال برای خاموش و روشن کردن یک المنت می توانیم از کد زیر استفاده کنیم :
;(‘myDiv’).removeClass(‘off’).addClass(‘on’)$
کدها را هم میتوان به این صورت نوشت :
(‘#mypanel’) $
(‘find(‘TABLE .firstCol.
‘(removeClass(‘.firstCol.
(‘css(‘background’ : ‘red.
;(‘<append(‘<span>This cell is now red</span.
فرض کنید می خواهید چند عملیات را روی یک المنت انجام دهید اما اولین عملیات تغییری را در المنت شما می دهد، مانند زیر :
;(‘#myTable’).find(‘.firstColumn’).css(‘background’,’red’)$
در این مثال یک جدول را انتخاب کردیم، سلهایی که کلاس firstColumn دارند را پیدا کردیم و رنگ آنها را قرمز کردیم.
فرض کنید می خواهیم همه سلهایی که کلاس lastColumn دارند را آبی کنیم. دوباره باید انتخابگرمان را استفاده کنیم و همین کدها را دوباره تکرار کنیم. درست ؟ خوشبختانه jQuery یک متد به نام end دارد که به انتخابگر قبلی که تغییر نکرده است بر می گردد، مانند مثال زیر :
(‘#myTable’)$
‘(find(‘.firstColumn.
‘(css(‘background’,’red.
()end.
‘(find(‘.lastColumn.
;'(css(‘background’,’blue.
