شروع کدنویسی jQuery
همان طور که قبلا گفتیم، چون jQuery ، کتابخانه ای (library) از javascript می باشد، بنابراین باید این کتابخانه را به صورت یک فایل داشته باشیم تا در کدهای صفحه وب، به فایل این کتابخانه ارجاع بدهیم.
فایل های متناظر با نسخه های مختلف jQuery ، در سایت زیر در دسترس همه برنامه نویسان می باشد :
لینک نسخه های مختلف، در این صفحه از سایت فوق قرار داده شده است :
این نسخه ها، نسخه های پایدار (stable) نامیده می شوند، زیرا تغییری در آنها داده نمی شود و همیشه در دسترس خواهند بود تا برنامه نویسان با خیال راحت به آنها ارجاع بدهند :
شما دو راه دارید، یا مستقیما به آدرس آنلاین فایل مورد نظر ارجاع می دهید، یا اینکه فایل را دانلود کرده و در سایت خود قرار می دهید و سپس به فایل موجود در سایت خود ارجاع می دهید.
مثلا فرض کنید که فایل jquery-1.11.1.min.js را در نظر گرفته ایم و قصد داریم که به آن در آدرس اصلی آن در سایت jquery.com ارجاع بدهیم، برای این منظور، کد زیر را می نویسیم :
حال با داشتن کدهای کتابخانه (library) می توانیم کدهای jQuery مورد نظرمان را در صفحه بنویسیم (کدهای کتابخانه برای اجرای آنها به کار می روند).
بنابراین شکل کلی کدهای jQuery ما در صفحه، به صورت زیر خواهد بود (البته با فرض اینکه نسخه jquery-1.11.1.min.js را انتخاب کرده باشیم) :
که در آن، به جای عبارت // your code باید کدهای jQuery مورد نظرمان را بنویسیم.
یا اصلا فرض کنید که فایل jquery-1.11.1.min.js را دانلود کرده ایم و در پوشه حاوی فایل فعلی (فایلی که در حال اجرای کدهای آن هستیم، یعنی همین صفحه)، آن را قرار داده ایم، بنابراین می توانیم کدها را به صورت زیر بنویسیم :
یک مثال به همراه کد HTML صفحه (البته کدی که مثال زده ایم، یک کد javascript ساده است) :
نتیجه :
با مثال بالا مشاهده کردید که اگرچه به فایل jquery-1.11.1.min.js ارجاع داده ایم، اما عملا هیچ استفاده ای از آن نشده است، زیرا روش document.write که برای افزودن یک سری کد به کدهای صفحه به کار می رود، در خود javascript وجود دارد و بدون ارجاع به فایل jquery-1.11.1.min.js نیز قابل اجرا خواهد بود. اکنون همان مثال را بدون ارجاع به فایل jquery-1.11.1.min.js می نویسیم :
نتیجه :
مشاهده می کنید که باز هم خروجی همان است و کدها کار می کنند. بنابراین ما در بخش آموزش برنامه نویسی jQuery ، همیشه به فایل متناظر با کتابخانه jQuery ارجاع خواهیم داد، اما در برخی موارد ممکن است که کدها به گونه ای باشد که استفاده ای از کتابخانه jQuery نشود (گاهی پیش می آید که بخواهیم بخواهیم برخی از مفاهیم javascript را یادآوری کنیم).
اکنون مثالی می زنیم که بدون ارجاع به فایل jquery-1.11.1.min.js ، قابل اجرا نباشد (فعلا نیازی به دانستن ساختار کدهای آن نیست و تنها خواسته ایم که یک مثال بزنیم) :
نتیجه :
سه پاراگراف (paragraph) با تگ های p ساخته ایم که اگر بر روی هر یک از آنها کلیک کنید، ناپدید می شوند :
اکنون همین مثال را بدون ارجاع به فایل jquery-1.11.1.min.js می نویسیم :
نتیجه :
این بار، کدها عمل نمی کنند، زیرا به فایل jquery-1.11.1.min.js ارجاع داده نشده است :
