بنیاد 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)  برای نمایش  "راه راه"  ردیف‌های یک جدول مثال خوبی از انتخابگر‌های معرفی شده در3 CSS است.
برای کنترل گروهی از عناصر در یک صفحه از دستور زیر استفاده می‌کنیم:

(selector)$

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

jQuery (selector )   
البته شما بیشتر با نمونه اول در دستورات مواجه خواهید شد که به دلیل کوتاهی و سادگی استفاده از آن است. به عنوان نمونه برای به دست آوردن کنتل تمامی‌عناصر لینک («(»a که در داخل تگ «p» در یک صفحه قرار دارند می‌توان از کد زیر استفاده کرد:

("p a")$

تابع  ()$  در اصل یک شیی از جاوا اسکریپت را که حاوی یک آرایه از عناصر DOM  که با انتخابگر منطبق است را بر می‌گرداند. این شیی دارای تعداد زیادی از روش‌های از پیش تعیین شده است که می‌توانند بر گروهی از عناصر انتخاب شده تاثیر بگذارد.

در بخش بعد توضیحات بیشتری در مورد قدرتی کهjQuery  در پوشش دادن عناصر یک صفحه می‌تواند به طراحان وب دهد، ارائه خواهیم کرد.

پویا سلیمی