مقدمات یادگیری JQUERY

همينطور که ميدونيم JQUERY يک کتابخانه جاوا اسکريپت هست . پس نياز هست مقداري آشنايي با اين زبان کلاينت سايد داشته باشيد.

اما از همه مهمتر  شما بايد با تگ ها و المنت هاي html و xhtml  آشنايي داشته باشيم. در اين پست سعي مي کنم موارد ضروري، که بايد حتما بلد باشيد رو مختصري توضيح ميدهم!!

هر عنصر يا المنت مي توانيد داراي بخش هاي زير باشد.

1- صفات (Attribute’s) : شامل صفت هايي هستند که ما به عنصرهاي داخل صفحات ميدهيم. مانند title,dir,lang, hight,widthو
name ……
[html]

<div dir="rtl" lang="fa" title="hello"></div>

[/html]

نکته : در خيلي از عنصر ها صفات خاص دارند يا صفاتي که در ساير عنصر ها هستند رو ندارند.

2- شناسه يکتا ( ID ) : ما مي توانيم به هر عنصر يک شناسه يکتا اختصاص بديم تا بتونيم به راحتي از ساير عنر هاي هم نوع شناسايي و انتخاب کنيم

[html]

<div id="maindiv"></div>

[/html]

3- کلاس (class) : تعريف کلاس هم يک نوع شناسه هست. هم ميتواند يکتا باشد. هم يکتا نباشد. و بيشتر در صفحاتي که بر پايه css طراحي مي شود استفاده مي شود.

[html]

<div class="hidediv"></div>

[/html]

4- سبک (style) : به کمک اين صفت مي توانيد صفاتي که براي ظاهر عنصر مورد استفاده ميگيرند رو در اين صفت و inline قرار بديد

[html]

<div style="width:30px; height:40px; background:#CCCCCC;"></div>

[/html]

سوال اينجاست اينها به چه درد ما ميخوره؟!

سوال خوبي هست. بايد خدمتتون عرض کنم که براي کنترل عنصر ها توسط جاوا اسکريپت ما نياز داريم که بتونيم عنصر مورد نظرمون رو سريع پيدا کنيم. راه هاي زيادي هست براي شناسايي. شايد سريع ترين راهي که مد نظرتون بياد اين هست که ما ميتوانيم کل عنصر ها رو اسکن کنيم و عنر مورد نظر رو پيدا ميکنيم. اما به نظر شما اين کار درست و بهينه اي هست؟ شايد در صفحاي که ما ميخواهيم اين کار رو انجام بديم صدها عنصر همانند وجود داشته باشه؟ اونقت به نظر شما چه مقدار وقت بايد صرف پيدا کردن عنصر مورد نظرمون بکنيم؟

در مطلب بعدي خواهيم ديد که ما توسط jquery  چه طور به کمک موارد بالا يعني شناسه ها ، کلاسها يا نوع عنصر به راحتي عنصر مورد نظرمون رو پيدا خواهيم کرد.

JQuery (جی کوئری) چیست

JQuery یک فریمورک جاوا اسکریپت می باشد. اما اصلاً یک فریمورک چیست؟ و فقط مورد نیاز یک برنامه‌نویس است یا یک طراح وب هم می‌تواند از آن بهره ببرد؟

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

همینطور که در بالا توضیح داده شد. jquery یک کتابخانه از توابع آماده شده برای جاوا اسکریپت می باشد. در این زمینه فریمورک های دیگری هم وجود دارند. همانند Prototype و MooTools و فریمورک معروف یاهو با نام YUI .که هر کدوم از این فریمورک ها داری معایب و مزایای مختص خود هستند.

ادامه‌ی خواندن