معرفی jQuery

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

بخش اعظم مفاهیم jQuery از HTML و CSS گرفته شده است. به این دلیل که اکثر طراحان وب با این دو زبان بیشتر از javascript آشنا هستند. از این طریق جی کوئری به طراحانی که سابقه برنامه نویسی ندارند، کمک می کند که با بهره گیری از اطلاعاتی که در مورد HTML و CSS دارند، بتوانند کدهای جاوا اسکریپت مناسبی بنویسند. البته این بدان معنی نیست که این کتابخانه برای افراد حرفه ای مناسب نیست، بلکه افراد حرفه ای می توانند از قابلیت های جی کوئری استفاده کرده و جلوه های پیشرفته تری را در زمان کمتری طراحی کنند.

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

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

1. دسترسی به بخش های مختلف صفحه : اگر از کتابخانه های جاوا اسکریپت استفاده نکنید، برای دسترسی یکی از عناصر داخل درخت DOM مجبور خواهید بود که ده ها خط کد بنویسید. جی کوئری راه موثر تری را پیش روی شما قرار می دهد و به استفاده از آن می تواند هر جزئی از صفحه را که بخواهید با سهولت یافته و انتخاب کنید و در صورت نیاز آن را تغییر دهید و یا جلوه ای خاص را به آن اعمال کنید.
2. ویرایش ظاهر صفحه : CSS به شما این قدرت را می دهد که بتوانید شکل و ظاهر صفحات را کنترل کنید اما مشکل اینجاست که همه مرورگر ها از CSS به طور کامل پشتیبانی نمی کنند (مثلا IE از hover بر روی عناصر غیر لینک پشتیبانی نمی کند یا شفاف کردن عناصر در همه مرورگر ها قابل استفاده نیست ) اما جی کوئری می تواند این شکاف را پر کند و همان جلوه ها را به صفحه شما اضافه کند به شکلی که در تمامی مرورگر های مختلف قابل استفاده باشد. علاوه بر آن jQuery می تواند حتی بعد از load شدن کامل صفحه کلاس اختصاص داده شده به یک عنصر را حذف کرده و یا کلاسی را به آن اضافه کند.
3. تغییر دادن محتوای صفحه : تغییراتی که جی کوئری در صفحه ایجاد می کند به تغییرات ظاهری و ساده محدود نمی شود و با استفاده از آن می توان کل محتویات یک صفحه وب را ویرایش کرد. می توان به صفحه متنی را اضافه کرد، تصویری را به صفحه اضافه کرد و یا با تصویر دیگری تعویض کرد، لیست ها را می توان مرتب کرد و یا کلا محتوای صفحه را از نو نوشت. همه این کار ها به سادگی در جی کوئری امکان پذیر است
4. عکس العمل نشان دادن نسبت به فعالیت کاربر در یک صفحه وب : حتی زیباترین و استادانه ترین جلوه ها هم اگر کنترل شده نباشد، قابل استفاده نخواهند بود اما جی کوئری می تواند نسبت به فعالیت مختلف کاربر در صفحه عکس العمل نشان دهد مانند کلیک کردن کاربر بر روی یک لینک یا یک عنصر خاص در صفحه. در ضمن برای کنترل این فعالیت ها نیازی نیست که چیزی به کد HTML شما اضافه شود. از طرفی jQuery محدودیت های موجود در نسخه های مختلف مرورگر ها را برطرف کرده و این کنترل کردن ها بر روی تمامی مرورگر ها به درستی کار خواهد کرد.
5. اضافه کردن انیمیشن به صفحه : برای طراحی یک صفحه انفعالی و جذاب، طراح باید در جواب به فعالیت کاربر، جلوه و انیمیشنی را به او نشان دهد. جی کوئری با فراهم کردن افکت های آماده همچون محو شدن، ظاهر شدن ، جمع و باز شدن ، این قابلیت را در اختیار طراح قرار می دهد و طراح می تواند با استفاده از پلاگین ها یا نصب jQuery UI جلوه های بسیار دیگری را به صفحه خود اضافه کند.
6. بازیافت اطلاعات از server بدون refresh کردن صفحه : این تکنیک با نام ای جکس معروف است ( ajax ) که مخفف عبارت Asynchronous JavaScript and XML است. این تکنیک به طراح کمک می کند که یک صفحه پاسخ گو و مملو از قابلیت های مختلف طراحی کند. کتابخانه جی کوئری محدودیت ها و پیچیدگی های استفاده از تکنیک های ای جکس را در مرورگر های مختلف را برطرف می کند و از این طریق کار برای طراح آسانتر می شود.
7. آسان کردن جاوا اسکریپت : علاوه بر تمامی موارد ذکر شده، جی کوئری یک سری از اعمال تکراری در برنامه نوبسی javascript را حذف می کند. به عنوان مثال برای پیدا کردن تمامی لینک های داخل صفحه باید یک loop نوشته شود که با تکرار این حلقه ، لینک های داخل صفحه شناسایی و انتخاب شوند ولی جی کوئری این مشکل را حل کرده و احتیاجی به نوشتن حلقه نیست و جی کوئری به شکل اتوماتیک این حلقه را برای شما ایجاد می کند.

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

---

• شروع کار با جی کوئری
• چرا jQuery بهترین انتخاب است ؟
• CSS Sprite چیست ؟
• آیا فایرفاکس با SpiderMonkey وب را متحول خواهد کرد ؟
• 7 ترفند برای حفاظت وردپرس در مقابل هکر ها
• 5 شیوه جایگزینی متن با تصویر با استفاده از CSS
• مقایسه سرعت اجرای جاوا اسکریپت در chrome ، فایرفاکس و IE

آیا شما از این ارسال لذت بردید؟ چرا دیدگاه خود را در زیر نمی نویسید و گفتگو را ادامه دهید، یا مشترک خوراک من شوید و مقاله هایی مانند این را روزانه به صورت خودکار به خواننده خوراک خود انتقال دهید.

4goosh | نیرو گرفته توسط وردپرس فارسی | ElegantBlue یک پوسته سفارشی است توسط Nathan Rice | ترجمه شده به فارسی توسط کلاف دیجیتال