انتخاب عناصر با استفاده ازتكنيكهاي CSShttp://www.jamejamonline.ir/Media/images/1387/04/02/100941819247.jpgبراي اعمال كردن يك رويه خاص بر روي عناصر موجود در صفحه ، توسعه دهنگان وب به روشي ساده اما در عين حال بسيار قدرتمند و كارا روي آوردند. اين روش ساده در تمامي مرورگر هاي وب قابل اجرا بود و باعث مي شد تا حجم عظيمي از اطلاعات تكراري در صفحه از بين بروند و همچنين ويرايش و تغيير حالت و رنگ هاي صفحه نيز به سادگي ميسر شود. اين روش كه با استفاده از شناسايي عناصر مختلف از روي نام ID يا Class آن امكان دسترسي به عنصر و يا گروهي از عناصر موجود در صفحه را امكان پذير مي كرد تكنيك CSS ناميده شد.
براي نمونه چند نوع از روش هاي دسترسي به عناصر با استفاده از CSS را با هم مرور ميكنيم.
-a اين انتخابگر با تمامي عناصر لينك در صفحه <a > منطبق مي شود.
-َspecial اين انتخابگر با تمامي عناصري كه داراي ID با نام special مي باشند منطبق مي شود.
-.text اين انتخابگر با تمامي عناصري كه داراي class با نام text مي باشند منطبق مي شود.
-aَspecial.text اين انتخابگر با تمامي عناصري لينكي كه دارايID با نام special و class با نام text مي باشند منطبق مي شود.
text. special a p - اين انتخابگر نيز با تمامي عناصر لينكي كه داراي ID با نام special و class با نامtext مي باشند و در داخل عنصر <p > قرار دارند منطبق مي شود.
ما ميتوانيم تعداد زيادي از انتخابگر ها را با يكديگر ادغام كنيم تا به تركيبي دلخواه جهت دسترسي به عنصر و يا عناصر مورد نظر در صفحه برسيم. در حقيقت تعداد زيادي از وب سايت هايي كه ظاهري جذاب و حرفه اي دارند ، از تركيب تعداد زيادي از اين عناصر با يكديگر جهت شكل و فرم دهي به صفحات وب سايت خود استفاده مي كنند.
طراحان وب مي توانند از روش هاي تركيبي كه مثال زديم در جي كوئري استفاده كنند ، در واقع ساختار جي كوئري به نحوي بنا شده است كه به طراحان اين امكان را مي دهد تا با استفاده از دانشي كه از قبل در مورد CSS داشته اند ، به صفحه اي كه طراحي مي كنند جذابيت بيشتري دهند.
براي دسترسي به عنصر مورد نظر در صفحه ، تابع پوششي جي كوئري اين كار را به راحتي براي ما انجام خواهد داد:
("p a.specialClass")$
فقط با چند استثنا ، جيكوئري كاملا مطابق با 3 CSS عمل مي كند ، بنابراين انتخاب عناصر به روشي كه به آن اشاره شد چندان تعجب برانگيز نبايد باشد.
عناصري كه توسط فايل هايstyle sheet در مرورگرهاي استاندارد وب قابل انتخاب هستند توسط موتور انتخابگر جي كوئري نيز قابل شناسايي هستند و به راحتي تحت تاثير دستورات مورد نظر جي كوئري قرار مي گيرند.
البته در اينجا بايد به اين نكته اشاره كرد كه جي كوئري به هيچ وجه بر اساس نوع و نحوه پياده سازي فايل هاي CSS كه طراحي و رنگ بندي يك صفحه وب را مشخص مي كند ، عمل نمي كند. جي كوئري حتي اگر مرورگر پشتيباني كاملي از استاندارد هايCSS نكند باز هم روي عناصر مورد نظر و مشخص شده اثر خود را ميگذارد.
روال كلي كار جي كوئري بر اساس استاندارد هاي كنگره جهاني وب (W3C) است و بر اساس قوانيني كه W3C آن ها را مشخص كرده است بر روي عناصر كار مي كند.
براي تمرين و آشنايي بيشتر ميتوانيد به آزمايشگاه انتخابگرها كه هفته پيش معرفي شد بازگرديد و نمونههاي مختلفي از انتخابگرها را آزمايش كنيد، انتخابگرها را ميتوانيد بر مبناي
ID و Class نيز وارد كنيد و نتيجه را مشاهده كنيد.
استفاده از اين نوع انتخابگرها بسيار قدرتمند و كارا است ، اما بعضي اوقات نياز است كه به عناصر مورد نظر در حالات مختلف ديگري دسترسي داشته باشيم ، با تكنيك و روش هايي كه جيكوئري در اختيار طراحان قرار ميدهد ، دستيابي به اين هدف نيز سهل و آسان خواهد بود كه در هفته آينده در مورد آنها صحبت خواهيم كرد.
پويا سليمي
