انتخابگرهاي ديگر جي كوئري‌

هفته پيش در مورد انتخابگر‌هاي جي كوئري صحبت كرديم و نمونه‌هاي مختلي از آنها را معرفي كرديم، تنها يك نوع از اين انتخابگر‌ها معرفي نشد كه در اين بخش به معرفي آن مي‌پردازيم.

انتخاب بر اساس مكان قرارگيري‌

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

جي كوئري از مكانيسم بسيار قدرتمندي براي رسيدن به هدف‌هايي كه به آنها اشاره شد، پيروي مي‌كند. براي مثال با استفاده از دستور  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:  باعث مي‌شود تا تمامي عناصر چك باكسي كه هم فعال هستند و هم توسط كاربر انتخاب شده‌‌اند تحت تاثير قرار بگيرد. اگر مي‌خواهيد كار با اين انتخابگر‌ها را نيز به خوبي فرا بگيرد، مي‌توانيد در آزمايشگاه انتخابگر‌ها كه در دو بخش قبل معرفي شد، اين كار را انجام دهيد تا كاملا بتوانيد با آنها آشنايي پيدا كنيد.

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

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