خوش آموز درخت تو گر بار دانش بگیرد، به زیر آوری چرخ نیلوفری را


آموزش Jquery

آموزش Jquery
نویسنده : -
در این دوره آموزشی قصد بر این است که jquery به صورت مرحله به مرحله و با ذکر مثالهایی به صورت روان و ساده و کاربردی در اختیار علاقه مندان به استفاده از این تکنولوژی قرار گیرد امیدوارم بتوانم اطلاعات مفیدی را در اختیار کاربران قرار دهم.

سیستم یکپارچۀ سازمانی راهکار
ابتدا به تعاریف و اولیه و نحوه استفاده و همچنین کاربردهای استفاده از این تکنولوژی را توضیح داده و سپس مرحله به مرحله وارد بحث عملی واستفاده از مباحث پیچیده تر و پشرفته تر jquery خواهیم شد.



JQueryچیست؟
jquery یک کتابخانه جاوا اسکریپت سریع و مختصر است که توسط John Resig در سال 2006 با شعار"نوشتن کمتر و بازدهی بیشتر" ساخته شده است.
جی کوئری جهت ساده سازی اسناد HTML، مدیریت رویدادها، انیمیشن سازی، و تعاملات Ajax برای توسعه وسرعت بخشی در بارگذاری اطلاعات در صفحات وب استفاه می شود.
jQuery یک ابزار جاوا اسکریپت است که برای ساده سازی وظایف مختلف با نوشتن کد کم طراحی شده است.
در زیرلیستی از ویژگی های اصلی و مهم که توسط jQueryپشتیبانی می شودآمده است
-دستکاری DOM: جی کوئری انتخاب عناصر درخت(ِDOM) در یک سند HTMLیا XML را به راحتی برای شما فراهم می نمایئد.
-Event Handeling(رسیدگی رویدادها): با استفاده از jquery شما به راحتی قادر می باشید رویدادهای مربوط به یک صفحه HTML یا XML را پیاده سازی و در نتیجه خروجی رویدادها به سرعت در صفحه خود مشاهده نمائید چون Jquery در سمت کلاینت اجرا شده و منتظر درخواست سرور نمی باشد.
پشتیبانی AJAX : جی کوئری با شما کمک می کند تا با استفاده از تکنولوژی AJAX سایتی با قابلیت اجرا در مانیتورهایی با سایزهای مختلف بدون اینکه طراحی صفحه شما به هم بخورد راداشته باشید(Responsive).
-

Animations

: با استفاده از جی کوئری می توانید از Animation های گرافیکی در صفحات وب خود استفاده نمائید.
-Lightweight : یک کتابخانه با حجم بسیار کم می باشد.
-Cross Browser Support: جی کوئری توسط مرورگرهای زیر پشتیبانی می شود.
IE 6.0+
, FF 2.0+
, Safari 3.0+
, Chrome and Opera 9.0+

چگونه از جی کوئری استفاده نمائیم؟
کتابخانه جی کوئری را بر روی سیستم خود دانلود کنید و آن را در کد HTML خود استفاده نمائید.نحوه استفاده جی کوئری در سندهای html را به صورت عملی و در قالب مثالهایی جلوتر نشان خواهیم داد.
طریقه نصب Jquery :
شما برای استفاده از فایل جی کوئری ابتدا باید کتابخانه آن را از سایت https://jquery.com/download دانلود کنید.
بعد از دانلود فایل Jquery در پوشه وب سایتتان قراردهید.

مثال زیر نحوه افزودن فایل Jquery را به سند html نمایش می دهد.
آموزش Jquery . آموزشگاه رایگان خوش آموز

معمولا اسناد Html دارای قالبی مانند قالب زیر می باشند.
آموزش Jquery . آموزشگاه رایگان خوش آموز
اگر در اینگونه اسناد از jquery استفاده نمائیم باید سند ما به شکل زیر باشد(لینک فایل کتابخانه jquery به آن اضافه شود)

آموزش Jquery . آموزشگاه رایگان خوش آموز
با انجام این کار شما مسیر فایل jquery را به سندتان اضافه کردید و بعد از این کار سند شما فایل jquery را می شناسد و می توانید از متدهای آن استفاده نمائید.
مثال بعد نحوه استفاده از متدهای jquery را در یک سند Html نمایش می دهد.
آموزش Jquery . آموزشگاه رایگان خوش آموز

خروجی اجرای این سند متن زیر می باشد.
Hello, World!
اتمام مرحله اول....


نمایش دیدگاه ها (0 دیدگاه)

دیدگاه خود را ثبت کنید:

انتخاب تصویر ویرایش حذف
توجه! حداکثر حجم مجاز برای تصویر 500 کیلوبایت می باشد.


دسته بندی مطالب خوش آموز