شروع کدنویسی jQuery

همان طور که قبلا گفتیم، چون jQuery ، کتابخانه ای (library) از javascript می باشد، بنابراین باید این کتابخانه را به صورت یک فایل داشته باشیم تا در کدهای صفحه وب، به فایل این کتابخانه ارجاع بدهیم.

فایل های متناظر با نسخه های مختلف jQuery ، در سایت زیر در دسترس همه برنامه نویسان می باشد :


http://www.jquery.com

لینک نسخه های مختلف، در این صفحه از سایت فوق قرار داده شده است :


http://code.jquery.com

این نسخه ها، نسخه های پایدار (stable) نامیده می شوند، زیرا تغییری در آنها داده نمی شود و همیشه در دسترس خواهند بود تا برنامه نویسان با خیال راحت به آنها ارجاع بدهند :

شروع کدنویسی jQuery

شما دو راه دارید، یا مستقیما به آدرس آنلاین فایل مورد نظر ارجاع می دهید، یا اینکه فایل را دانلود کرده و در سایت خود قرار می دهید و سپس به فایل موجود در سایت خود ارجاع می دهید.

مثلا فرض کنید که فایل 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 ارجاع داده نشده است :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 2783
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو