انتخاب عناصر بر اساس Type در جی کوئری

مسئله

ما نیاز داریم تا عناصر فرم ها(form) را بر اساس نوع(types) آنها فیلتر کنیم(hidden یا text یا checkbox یا غیره).

راه حل

جی کوئری، فیلترهای زیادی را برای انجام این کار به ما نشان می دهد؛ که در جدول 2.1 نشان داده شده اند:

(جدول 2.1 : فیلترهای فرم جی کوئری)

 بنابراین، بعنوان یک مثال، اگر ما بخواهیم تمام عناصر input از نوع text را انتخاب کنیم، به صورت زیر عمل می کنیم:

jQuery(':text');

 یک فیلتر دیگر به نام input: نیز وجود دارد که تمام عناصر input و textarea و select را انتخاب می کند.

توضیحات

 توجه کنید که فیلتر hidden: همان طور که قبلا گفته شد، به تست کردن نوع(type) hidden نمی پردازد، و به بررسی height محاسبه شده ی عنصر می پردازد. این فیلتر بر روی عناصر input از نوع hidden نیز کار می کند زیرا آنها مانند دیگر عناصر hidden، یک offsetHeight صفر دارند. مانند دیگر سلکتورها، ما می توانیم این فیلتر را با دیگر فیلترها ترکیب کنیم و عناصر را مورد تطابق قرار دهیم:

عناصری که یکی از ویژگی های زیر را دارا باشند، hidden محسوب می شوند:

• مقدار dispaly از CSS آنها برابر با none باشد.
• عناصری با type (نوع) به صورت type="hidden" باشند.
• width و height آنها به صراحت برابر با 0 باشد.
• والد عنصر hidden باشد، بنابراین عنصر مورد نظر در صفحه نمایش نیابد.

jQuery(':input:not(:hidden)');
// Selects all input elements except those that are hidden.

 از این فیلترها همچنین می توانیم باه همراه سینتکس معمولی CSS استفاده کنیم. بعنوان مثال، اگر بخواهیم تمام input های متنی(text) را به همراه تمام عناصر  <textarea> انتخاب کنیم به صورت زیر عمل می کنیم:

jQuery(':text, textarea');

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