انتخابگرهای دیگر جی کوئری‌

انتخاب بر اساس مکان قرارگیری‌

گاهی اوقات نیاز می‌شود که بر اساس محل قرارگیری عناصر صفحه به آنها دسترسی داشته باشیم. ممکن است بخواهیم به اولین عنصر لینک صفحه و یا هر پاراگراف و یا آخرین عنصر قرار گرفته در یک فهرست دسترسی داشته باشیم.

جی کوئری از مکانیسم بسیار قدرتمندی برای رسیدن به هدف‌هایی که به آنها اشاره شد، پیروی می‌کند. برای مثال با استفاده از دستور  a:first  می‌توان به اولین عنصر لینک در صفحه دسترسی پیدا کرد و یا با دستور  p:odd  به کلیه پاراگراف‌ها به صورت یک در میان دسترسی داشت و همین طور با استفاده از دستور  li:last-child  نیز به آخرین عنصر قرار گرفته در یک فهرست دسترسی پیدا کرد.

تعداد زیادی از این دستورها در جی کوئری وجود دارند که با استفاده از آنها می‌توانید به عناصر مورد نظر خود با استفاده از مکان قرار گیری آنها در صفحه دسترسی پیدا کنید، فهرست کاملی از این انتخابگر‌ها را می‌توانید در آدرس وب سایت این برنامه،  jquery.com  پیدا کنید.

اما شما می‌توانید در جی کوئری از انتخابگر‌های دیگری نیز استفاده کنید، در بخش قبل و با توجه به توضیحاتی که ارائه کردیم، این نکته کاملا مشخص شد که با استفاده از انتخابگر‌های  CSS  می‌توان بسیاری از نیاز‌های عمومی را مرتفع کرد و به آنها دست یافت. انتخابگر‌های  CSS  در عین سادگی از قدرت و انعطاف پذیری بالایی برخوردار هستند.

اما زمانی می‌رسد که ما می‌خواهیم بر اساس خصوصیت عناصر به آنها دسترسی پیدا کنیم و این خواسته با استفاده از انتخابگر‌های  CSS  نمی‌تواند عملی شود. برای مثال شاید بخواهیم زمانی به تمامی چک باکس‌هایی که توسط کاربران در فرم‌های مختلف انتخاب شده‌اند دسترسی پیدا کنیم.

اگر بخواهیم با استفاده از نوع عناصر به آنها دسترسی پیدا کنیم، به این دلیل که برای برخی عناصر html  استفاده از نوع آنها‌ باعث می‌شود گروهی از عناصر که دارای آن نوع ولی ویژگی دیگری هستند تحت تاثیر قرار بگیرند، جی کوئری انتخابگر‌های دیگری نیز برای دسترسی به این عناصر آماده کرده است. به عنوان مثال تمامی فیلد‌های ورودی و دکمه‌ها از کد  < input >استفاده می‌کنند، حال آن‌که هر کدام از ویژگی خاصی بهره می‌برند که باعث می‌شود نوع و ظاهر قرار گیری آنها در صفحه با یک دیگر فرق کند.استفاده از دستور   checkbox:checked:  باعث می‌شود به تمامی عناصر ورودی که ویژگی چک باکس دارند وتوسط کاربر نیز انتخاب شده‌اند دسترسی داشت و روی آنها کار کرد.

استفاده از این انتخابگر‌ها نیز شما را قادر می‌سازد تا به عناصری که تا به حال فکر نمی‌کردید به آنها دسترسی پیدا کنید، براحتی دسترسی داشته باشید.

جهت مشاهده فهرست تمامی این انتخابگر‌ها که با نام  jQuery custom filter selectors  شناخته می‌شوند نیز می‌توانید به آدرس  jquery.com  مراجه نمایید.

شما می‌توانید تعدادی از این انتخابگر‌ها را نیز بر حسب نیاز خود با یکدیگر به کار ببرید، به عنوان مثال دستورcheckbox: checked: enabled:  باعث می‌شود تا تمامی عناصر چک باکسی که هم فعال هستند و هم توسط کاربر انتخاب شده‌‌اند تحت تاثیر قرار بگیرد. اگر می‌خواهید کار با این انتخابگر‌ها را نیز به خوبی فرا بگیرد، می‌توانید در آزمایشگاه انتخابگر‌ها که در دو بخش قبل معرفی شد، این کار را انجام دهید تا کاملا بتوانید با آنها آشنایی پیدا کنید.

البته جی کوئری از انتخابگر‌های دیگری نیز پشتیبانی می‌کند که ذکر آنها در این مقاله نمی‌گنجد و اگر شما تا همین حد با انتخابگر‌های جی کوئری آشنا باشید و بتوانید از آنها استفاده لازم را ببرید نیازی به انتخابگر‌های دیگر ندارید چرا که آنها در سطوح بالا و طراحی پلاگین‌های حرفه‌ای مورد استفاده قرار می‌گیرد و اگر شما علاقه زیادی به جی کوئری داشته باشید می‌توانید از طریق وب سایت این فریم فرک قدرتمند با روش‌های دیگری که جی کوئری جهت دسترسی به عناصر موجود در صفحه در اختیار شما قرار می‌دهد آشنا شوید.

بحث انتخابگر‌های جی کوئری در این مرحله به پایان می‌رسد و از هفته آینده به سراغ مباحثی تکنیکی‌تر خواهیم رفت.

پویا سلیمی‌