درباره جی کوئری

[raminfa 0]

در یک کلام، جی کوئری یک کتابخانه جاوا اسکریپت است که انجام یک سری کارها را برای شما بسیار آسان می‌کند و همچنین یک سری امکانات از پیش آماده شده را به شما اراده می‌دهد.

جی کوئری چکار مي کند؟

زبان برنامه نویسی جاوا اسکریپت ، یک زبان برنامه نویسی خیلی پیچیده و گسترده است و یادگیری کامل آن به زمان و حوصله خیلی زیادی نیاز دارد. جی کوئری فریم‌ورکی که بر اساس زبان برنامه نویسی جاوا اسکریپت ایجاد شده است. به زبان ساده می‌توان گفت، برنامه نویس با استفاده از زبان برنامه نویسی جاوا اسکریپت، یک سری قائده و قانون تعریف کرده است و یک دستور زبان جدید ساخته که شما با آن قواعد یه کد به مراتب بسیار ساده‌تر می‌نویسید، سپس آن فایل فریم‌ورک دستورات شما را به دستورات استاندارد جاوا اسکریپت ترجمه می کند و سپس آن ها را اجرا می‌کند. همراه با یک مثال ساده، توضیح بیشتر ارائه می‌شود:

مثلا زبان فارسی را در نظر بگیرید که بسیار گسترده است. حال ما درنظر داریم یه کتاب کوچک بنویسم و برای 2000 لغت پرکاربرد زبان فارسی علامت های اختصاری در نظر بگیریم، به عنوان مثال برای لغت «در» یک معادل در نظر می‌گیریم:

در = ^-^

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

در استفاده از جی کوئری ما دو تا فایل خواهیم داشت:

- یک فایل، خود فایل جی کوئری می‌باشد که باید در ابتدا به صفحه مورد نظر ما لینک شود.

- فایل دوم فایل جی اس ای هست که دستورات ما بر اساس قوانین جی کوئری داخلش نوشته شده است. (البته می‌تواند این دستورات را در داخل کدهای صفحه نیز قرار داد و یک فایل جداگانه نداشت)

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

- ايجاد امکان دسترسي به بخشهايي از يک صفحه بدون نياز به ابزارهاي جاوا اسکريپت و عدم نياز به کد نويسي هاي زياد.

- جی کوئری مکانيسم سريع و موثري براي جستجو ، يافتن و انتخاب بخشهاي مورد نظر از يک صفحه را بدون نياز به ابزار جاوا اسکريپت، در اختيار ما قرار ميدهد.

- امکان تغيير ظاهر يک صفحه؛ البته سی اس اس ابزار قدرتمندي در تغيير صفحات بما ميدهد اما قادر به انجام اينکار در مرورگرهاي مختلف که استانداردهاي متفاوتي دارند، نيست. اما جی کوئری براحتي ميتواند هر نوع مرورگري را ساپورت کند و حتي قادر است که مختصات ويژه صفحات وب را، حتي بعد از دستکاري و تغيير ساختاري و ظاهر، دوباره تغيير دهد.

- جی کوئری نه تنها تغييرات ظاهري و ناچيز را، بلکه صرفا با چند کليک ساده، می‌تواند محتواي صفحات مورد نظر کاربر را هم تغيير کلي بدهد و مثلا متن يا عکسي را تغيير داده و يا تصوير يا ليستي را درون متنهاي آن صفحه اضافه و يا از آن حذف کند. حتي ميتواند تمام ساختار اچ تی ام ال صفحات را کاملا تغيير دهد.

- يکي از امکانات کتابخانه جی کوئری کنترل و جلوگيري از اتفاقات غيرمنتظره ايست که بهنگام کليک کردن يک کاربر بر يک لينک رخ ميدهند و مثلا باعث کند شدن يا درهمريختگي مرورگرها ميشوند. ابزار

event-handler

در جی کوئری اين وظيفه را بسادگي و بدون نياز به استفاده از جاوا اسکريپت انجام ميدهد.

- افزودن انيميشن به يک صفحه؛ کسب فيدبک از (يا به) کاربران، امري بسيار مهم است و جی کوئری اين ويژگي را بسادگي با استفاده از امکاناتي همچون Fade و غيره بما ميدهد.

- کسب طالاعات از يک سرور بدون نياز به ريفرش کردن آن صفحه (که اصطلاحا به آن اجکس مي‌گويند) جی کوئری اينکار را بدون نياز به دانستن مختصات ويژه هر سرور و صرفا با مراجعه مستقيم به نتايج آن صفحه (محتويات سرور) انجام ميدهد.

- ساده سازي عملکردهاي مشترک / تکراري جاوا اسکريپت : جی کوئری علاوه بر انجام بسيار ساده تغييرات کلي در متن و ظاهر صفحات وب، حتي قادر به ساده تر کردن عمليات ساختار سازي همچون

Iteration And Array Manipulation

هم هست.

آیا جی کوئری نوآوری‌های خاصی هم داشته است؟ بله، در زیر به چند مورد اشاره می‌شود؛

- کد نویسی بر اساس دستور زبانی که جی کوئری ایجاد کرده، خیلی ساده است و در کمترین تعداد خط می‌توان بیشترین تغییرات را در صفحه ایجاد کرد.

- جی کوئری کاملا

Unobtrusive

می‌باشد یعنی شما هیچ کد جاوا اسکریپتی را داخل کدهای

XHTML

وارد نمی کنید. از این نظر کدهای شما کاملا مجزا از هم و مرتب خواهد بود و از طرفی وقتی JS روی مرورگر فعال باشد، کدهای شما اجرا میشود ولی اگر جی اس فعال نباشد، هیچ مشکلی برای سایت شما پیش نمی‌آید و سایت همچنان برای کاربر قابل استفاده خواهد بود.

- در جی کوئری تگها را میتوان بر اساس همان قواعد سی اس اس انتخاب نمود.

به عنوان مثال وقتی می‌خواهیم یه تگ ای را که داخل یه دایو با آیدی

amir

می‌باشد، انتخاب کنیم، به این صورت عمل می‌کنیم:

div.amir a {  ....  } 

به عنوان مثال همین تگ ای را در داخل جی کوئری به این صورت انتخاب می‌کنیم:

$(document).ready(function() {  $("div.amir a")  });  

- هر مرورگر به یک شکل کدهای جی اس را تفسیر میکند. جی کوئری محیطی را فراهم کرده است که شما اصلا ذهنتان مشغول این قضیه نشود و مطمئن باشید که کدی که می‌نویسید در همه مرورگرها و آی ئی نسخه 6 به بعد به درستی کار خواهد کرد.

چرا جی کوئری بهتر از ساير ابزارها است؟

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

- ارايه و شناسايي و تغيير مختصات صفحات وب، متضمن آشنايي طراحان وب با کدها و خطاهاي مربوط به سی اس اس و ... است ولی جی کوئری اين کار را براي طراحان آسانتر نموده است.

- ساپورت هاي اکتنژن در جی کوئری طوري تنظيم شده اند که پلاگینها را ميتوان بسادگي اضافه يا حذف نمود و ساختار دروني

Basic jQuery

طوري نوشته شده که بهنگام دانلود براحتي براي ساير آيتم هاي صفحه وب قابل شناسايي اند و براحتي با ايجاد ماژول‌هاي ساده ميتوان تغييرشان داد.

- يکي از مشکلات طراحي و طراحان وب همانا متفاوت بودن پيش شرط ها و مختصات مرورگرها و عدم هماهنگي آنها با يکديگر و يا با نرم افزار هاي جديد است. جی کوئری قادر است که با هر مرورگري کار کرده و با کاهش کدها و ساده سازي کار را آسانتر کند.

- با استفاده از تکنيک

Implicit Iteration

قادر خواهيد بود که بسياري از لوپ ها را بصورت دسته جمعي (و نه تک به تک) بررسي و در وقت صرفه جويي کرده و بدين ترتيب نياز به کدنويسي طولاني نداشته باشيد.

- جی کوئری از متد برنامه نويسي خاصي بنام

Chaining

براي تک خطي کردن فرمان‌ها استفاده ميکند، بهمين دليل ما ديگر نيازي به تکرار فرمانها و ماژولها نداريم.

- اين استراتژيها باعث کاهش کدها و کمپرس شدن کل پکيج جی کوئری به تقريبا 20کیلو بایت شده اما در عين حال تمامي نيازهاي کاربر را هم برطرف ميسازد.

دانلود جی کوئری

برای دانلود جی کوئری و کسب اطلاعات بیشتر راجع به این کتابخانه مفید جاوا اسکریپت کافی است به سایت رسمی آن سری بزنید و براحتی آن را دانلود نمایید.

www.jquery.com

تشکر فراموش نشود :thankyou:

[azarmehr 18]

دوست عزیز چشم تشکر کردم اما شما هم لطف کنید و قوانین رو رعایت نمایید.

لینک منبع رو هم قرار بدید تا خدای ناکرده مشکلی پیش نیاد.

موفق باشید یا حق

[raminfa 0]

دوست عزیز چشم تشکر کردم اما شما هم لطف کنید و قوانین رو رعایت نمایید.

لینک منبع رو هم قرار بدید تا خدای ناکرده مشکلی پیش نیاد.

موفق باشید یا حق

دوست عزیزم این مطلب چندیست که بر روی پیج فیسبوک دانشگاه رودهن بود.مطالعه کردم و چون احساس کردم مفیده اینجا قرارش دادم. متاسفانه منبع ذکر نشده بود

[امیررضاتهرانی 612]

دلیل اینکه میخواهیم حتما منبع ذکر شود اینه که حق نگارنده محفوظ بماند. همین کافیه ، ممنون