ساختار و پوشش jQuery

در بخش پيشين توضيحاتي درباره خصوصيات جاوااسکريپت و دلايلي که بايد رويداد هاي يک عنصر را از خود آن عنصر جدا کنيم را ارائه کرديم ، جاوااسکريپت نامحسوس را معرفي کرديم و مثالي براي درک بهتر اين مسئله آورديم ، اکنون به سراغ مهارت ها و توانايي هاي بنيادي jQuery مي رويم.

بنياد jQuery

jQuery از پايه بناي کار بر روي جدا سازي اطلاعات و وقايع عناصر يک صفحه از بدنه اصلي آن صفحه قرار داده است به نحوي که اگر بدنه اصلي صفحه HTML را در سطح پايين فرض کنيم ، عملاياتي که jQuery بر روي عناصر صفحه انجام مي دهد در سطح بالاي بدنه اصلي صفحه HTML قرار خواهد گرفت.
اگر با Css آشنايي داشته باشيد ، به خوبي از قدرت بالاي انتخابگرها آگاهي خواهيد داشت که چگونه در اين روش مي توان با تعريف يک کلاس ، کنترل گروهي از عناصر يک صفحه را با نسبت دادن خواصيت هايي به آنها بدست گرفت و مکان و نوع قرار گرفتن آنها در صفحه را مشخص کرد. jQuery به شما اين قدرت را مي دهد تا با استفاده از دانشي که در اختيار داريد و ابزاري که jQuery در اختيار شما قرار مي دهد ، به صورت کاملا وسيعي استفاده و اجراي جاوااسکريپت در صفحه هاي خود را ساده و روان کنيد.
با اين تفاصير jQuery از اهميت بالايي در تضمين اجراي کد و دستورات نوشته شده در حالتي کاملا پايدار در مرورگر هاي مختلف وب خواهد داشت و اکثر مشکلات دستورات جاوااسکريپت ، مانند عدم انجام دستورات نوشته شده قبل از اينکه يک صفحه به طور کامل بارگذاري شود به سادگي براي ما حل شده و قابل استفاده است.
اما ما بايد براي انجام کار هاي عمومي به کتابخانه اي از دستورات مورد نياز نيز دسترسي داشته باشيم. سازندگان و توسعه دهندگان jQuery از روشي ساده اما بسيار قدرتمند جهت توسعه خاصيت هاي اجرايي در اين راه استفاده کرده اند به طوري که برنامه نويساني که به تازگي با jQuery آشنا مي شوند از خاصيت تطبيق پذيري اين برنامه استفاده و دستوراتي که در کارهايشان مورد نياز است را ايجاد و يا توسعه مي دهند.
اما بگذاريد در ابتدا بدانيم که چگونه ممکن است از دانشي که در زمينه Css داريم در jQuery استفاده کنيم به نحوي که بيشترين درصد بهره را از آن ببريم.

پوشش jQuery

زماني که Css به عنوان يک ابزار طراحي در وب ارائه شد و به طراحان اين امکان را مي داد تا طراحي و فرم دهي صفحات وب را از بدنه جدا کنند ، نياز به راهي بود تا به صورت مستقيم به گروهي از عناصر يک صفحه از طريق يک فايل Css خارجي ، دسترسي داشته باشيم. روشي که در اينجا توسعه و بسط داده شد ، استفاده از انتخابگر ها بود که استفاده از آنها باعث مي شد که به طور مختصر کنترل عناصر موجود در صفحه HTML را بدست بگيريم.
براي مثال ، انتخابگر p a در يک فايل Css به تمامي عناصر لينک (<a>) در صفحه اشاره مي کند که در داخل تگ <p> قرار داشته باشند. jQuery نيز چنين قدرتي به ما مي دهد که توسط انتخاب گرها به عناصر مختلف صفحه دسترسي داشته باشيم ، البته . jQuery نتنها چنين امکاني به ما مي دهد ، بلکه ، کمک مي کند تا دستوراتي که کاملا در مرورگر هاي مختلف اجرا نمي شود نيز به طور معمول اجرا و نمايش داده شود.
انتخاب گري که ما در بخش هاي قبل مثال زديم (nth-child) براي نمايش “راه راه” رديف هاي يک جدول مثال خوبي از انتخابگر هاي معرفي شده در CSS3 مي باشد.
براي کنترل گروهي از عناصر در يک صفحه ما از دستور زير استفاده مي کنيم:

(selector)  $

ويا اين دستور:

(jQuery(selector

البته شما بيشتر با نمونه اول در دستورات مواجه خواهيد شد که به دليل کوتاهي و سادگي استفاده از آن است.
به عنوان نمونه براي بدست آوردن کنتل تمامي عناصر لينک (<a>) که در داخل تگ <p> در يک صفحه قرار دارند مي توان از کد زير استفاده کرد:

("p a")$

تابع ()$ در اصل يک شيئ از جاوا اسکريپت را که حاوي يک آرايه از عناصر DOM که با انتخابگر منطبق است را بر مي گرداند. اين شيئ داراي تعداد زيادي از روش هاي از پيش تعيين شده است که مي توانند بر گروهي از عناصر انتخاب شده تاثير بگذارد.
در بخش بعد توضيحات بيشتري در مورد قدرتي که jQuery در پوشش دادن عناصر يک صفحه مي تواند به طراحان وب دهد ، ارائه خواهيم کرد.
ادامه دارد....
منبع : روزنامه جام جم
/س