بعد از آشنایی با جی کوئری شما باید این را بدانید که از آن به چه صورت و چگونه استفاده کنید.
شما به دو صورت می توانید از جی کوئری استفاده کنید:
۱-به وسیله تابع $ که از الگوی factory method ایجاد شده است. این تابع‌ها معمولاً دستورات نامیده می‌شوند.
۲-به وسیله توابع prefixed. $ این‌ها توابع سودمندی هستند که مستقیما به اشیا سروکار ندارند.
برای نمونه دسترسی و انجام تغییرات بر روی یک گره DOM با تابع $ شروع می‌شود و به همراه یک رشته انتحاب گر(selector)سی اس اس خواهد امد که در نتیجه جی کوئری می‌تواند به عناصر صفحه وب دسترسی پیدا کند و ان‌ها را دستکاری بنماید. برای مثال:
;(“div.test”).add(“p.quote”).addClass(“blue”).slideDown(“slow”)#
در این خط ابتدا تمام تگ‌های p که quote صفت کلاس ان‌ها است و در تگ div که صفت کلاس ان test است را پیدا کرده و به هرکدام از عناصر پیدا کرده یک صفت کلاس blue اضافه کرده و بعد از ان سرعت حرکت انیمیشنی ان‌ها را اهسته قرار می‌دهد.
در حقیقت توابع $ و add مجموعه عناصر مورد نیاز را واکشی کردند در حالی که توابع addClass و slidedown گره‌های بازگردانده شده تحت تاثیر قرار دادند.
متدها پیشوندی. $ متدهای مفید و اسانی هستند که تنظیمات و رفتارهای سراسری را تحت تاثیر قرار می‌دهند. برای مثال در ادامه از از تابعی به نام each استفاده کرده‌ایم:
()each([1,2,3], function$.
}
;(document.write(this + 1
;({
این تابع ارقام ۲۳۴ را در پرونده می‌نویسد.
این امکان وجود دارد که در خواست‌های مبتنی بر ای اجکس را از طریق $.ajax و متدهای وابسته انجام دهیم و تبادل داده انجام دهیم.
({ajax.$
,”type: “POST
,”url: “some.php
;”data: “name=John&location=Boston
{(success: function(msg
;(alert(“Data Saved: ” + msg);
{
;({
در این مثال برنامه داده‌های name=john و location=boston را به صفحه some.php ارسال می‌کند و وقتی این درخواست با موفقیت به پایان رسید تابعی فراخوانده می‌شود تا این اتفاقات را به کاربر اعلام کند.
