انتخاب عناصر متحرک در جی کوئری

مسئله

ما نیاز داریم که عناصری را بر اساس اینکه متحرک(animating) هستند یا نه، انتخاب کنیم.

راه حل

جی کوئری یک فیلتر مناسب برای این کار به ما ارائه می دهد. فیلتر animated:  تنها عناصری را مورد تطابق می دهد که در حال حاضر متحرک(animating) هستند:

jQuery('div:animated');

این سلکتور تمام عناصر <div> که در حال حاضر متحرک هستند را گزینش می کند. جی کوئری با این فیلتر، تمام عناصری را که انیمیشن غیر خالی دارند را انتخاب می کند.

توضیحات

استفاده از فیلتر مذکور، به خصوص وقتی مفید است که بخواهیم کاری را بر روی تمام عناصری انجام دهیم که در حال حاضر متحرک(animated) نیستند.بعنوان مثال، برای اینکه تمام عناصر <div> که قبلا متحرک سازی(animating) نشده اند، را شروع به متحرک سازی کنیم، به صورت زیر عمل می کنیم:

jQuery('div:not(div:animated)').animate({height:100});

 گاهی اوقات، ممکن است بخواهیم بررسی کنیم که آیا یک عنصر در حال حرکت(animating) هست یا نه. این کار را می توانیم با استفاده از متد is() انجام دهیم:

var myElem = jQuery('#elem');
if( myElem.is(':animated') ) {
// Do something.
}

 {module کمک نقدی به نویسنده}