آموزش JQuery

Ajax یک تکنولوژی تبادل داده ها با سرور و بروز رسانی بخش هایی از یک صفحه ی وب، بدون نیاز به بارگذاری تمام صفحه است. مهم‌ترین مزیت این تکنولوژی این است که دیگر برای انجام هر کاری لازم نیست صفحه وب مجددا بارگذاری شود.

متد load() در عین سادگی یکی از متدهای بسیار پرکاربرد و کارامد AJAX تلقی می شود. متد ذکر شده اطلاعات دریافتی از سرور را داخل عنصر انتخابی می گذارد. پاین متد، داده های مد نظر را از سرویس دهنده خوانده و در المان مورد نظر بر روی صفحه قرار می دهد.

دو تابع get() و post() به منظور درخواست اطلاعات از سرویس دهنده به وسیله ی درخواست HTTP GET یا HTTP POST بکار می ورد یا به عبارتی ساده تر، متد get و set برای درخواست داده از سرور استفاده می شود.

در jQuery، می توان با بهره گیری از متدهای show () و hide ()، المان های مودر نظر HTML را پنهان ساخته و بار دیگر نمایان گرداند.

با jQuery می توان عناصر را به صورت تدریجی محو و یا نمایان ساخت.در این خصوص jQuery چهار تابع زیر را ارائه می دهد:

متد slide المان های HTML را به صورت تدریجی (و با حالت کشویی) از وضعیت نمایان به مخفی و بالعکس نمایش می دهد.

متد animate() به شما این امکان را می دهد المان های HTML را در صفحه به حرکت درآورید.

متد stop () در جی کوئری به منظور متوقف کردن انیمیشن ها و جلوه های بصری پیش از پایان یافتن آن ها بکار می رود.

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

تاکنون دستورات jQuery را به صورت تکی می نوشتیم که یکی پس از دیگر اجرا می شدند. اما جالب است بدانید که روشی وجود دارد به نام Chaining که این قابلیت را به برنامه نویس می دهد تا طی تنها یک دستور، چندین عملیات را روی یک عنصر معین اجرا کند.

jQuery یک سری متد خاص مدل DOM دارد که اجازه ی دستکاری و دسترسی به المان ها و خصیصه های HTML را به ما می دهد.

کلیه ی توابع تشریح شده در مبحث قبلی را برای تنظیم محتوا (set content) بکار می بریم: Text() – محتوای المان های انتخابی را تنظیم و بازمی گرداند. ()html - محتوای المان های انتخابی را مقداردهی کرده یا برمی گرداند. (همراه با تگ های HTML)

در این مبحث به تشریح چهار متد که برای افزودن المان جدید با آن ها سروکار داریم خواهیم پرداخت: ()append - افزودن محتوای جدید به انتهای عناصر انتخابی

به منظور حذف المان یا محتوای مورد نظر، jQuery دو متد ارائه می دهد:remove() – المان انتخابی (و عناصر زیرمجموعه ی آن) را حذف می کند.

با jQuery می توان به راحتی ظاهر عناصر را با دستکاری CSS آن ها تغییر داد.برای این منظور jQuery چندین متد در اختیار طراح سایت قرار می دهد. در این فصل توابع زیر را شرح خواهیم داد:

متد css می تواند یک یا چندین خصیصه ی css یک المان HTML را بازیابی کرده و یا به مقدار دلخواه تغییر دهد.

با jQuery ، کار با ابعاد بسیار آسان تر شده است. جی کوئری چندین متد سودمند برای کار با ابعاد فراهم می نماید که عبارتند از:()width و ...

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

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

در jQuery با استفاده از قابلیت پیمایش (traverse)، می توان یک درخت DOM را جهت پیدا کردن فرزندان یا زیرمجموعه های یک المان رو به پایین پیمایش کرد.

در آموزش پیشرو منظور از عناصر برادر و خواهر، عناصری است که دارای والد یکسان باشند.به کمک پیمایش های سطری در درخت DOM می توان تگ های خواهر و برادر تگ دلخواه را به دست آورد.

سه متد اصلی برای اعمال فیلترینگ وجود دارد که عبارتند از: first()، last() و eq(). سه متد نام برده به شما این امکان را می دهد که با توجه به موقعیت المان مورد نظر در مجموعه، به دنبال آن بگردید و بدین وسیله جستجو را محدود سازید.

jQuery یکی از کتابخانه ها یا frameworkهای پرطرفدار JavaScript است.jQuery به معنای واقعی، برنامه نویسی JavaScript را آسان کرده است jQuery به معنای واقعی، برنامه نویسی avaScript را آسان کرده است

چندین راه برای شروع کار jQuery و استفاده از کتابخانه ی مذکور در صفحات وجود دارد که به شرح زیر می باشد:دانلود فریم ورک jQuery از سایت ...

ساختار نگارشی این فریم ورک ویژه ی گزینش المان های HTML و انجام عملیات بر روی آن ها طراحی شده است.ساختار پایه ای jQuery به صورت زیر می باشد:

گزینشگرهای jQuery به شما این اجازه را می دهند تا عناصر HTML را انتخاب و دستکاری کنید.

رویدادهای jQuery ، متدهایی هستند که به مجرد اجرای یک اتفاق در HTML مثل کلیک بر روی یک عنصر یا قرار گرفتن موس بر روی آن ، فراخوانی شده و اجرا می گردد.

چنانچه دو کتابخانه ی جاوا اسکریپت همزمان از این علامت استفاده کنند، این احتمال وجود دارد که یکی از آن ها از کار بیافتد و اجرای برنامه مختل شود.تیم jQuery برای جلوگیری از رخداد چنین مشکلی متد noConflict() را درنظر گرفته است.