۱۰ کد کاربردی jquery – بخش اول

  • منتشر شده در تاریخ

کد کاربردی jquery

jQuery یکی از بهترین کتابخانه های جاوااسکریپت است که در صفحات وب بسیار استفاده می شود . در بخش آموزش jQuery مباحث آموزشی زیادی را در اختیار شما قرار دادیم.

همچنین در کتاب آموزش جی کویری از صفر نحوه کار با jQuery آموزش داده شده است.

در این مقاله قصد داریم به شما چندین کد کاربردی jquery که در بیشتر وب سایت ها استفاده میشه رو به همراه مثال کامل در اختیار شما قرار بدیم.

 

۱- دکمه(button) بازگشت به بالا:

با اجرای این کد jquery میتونید دکمه ای رو در ساییتون قرار بدید تا وقتی کاربر به پایین صفحه رفت با فشردن اون بتونه خیلی سریع به بالای سایت برگرده . مثال کامل:

۲- استایل دهی لیست ها بصورت فرد

در مثال زیر پیش زمینه ی تمامی ردیف های فرد آبی می شود:

۳-غیر فعال کردن لینک بارگذاری شده:

در مثال زیر یک تگ a داریم که ما رو به سایتی هدایت میکنه و در کنارش یک تگ button داریم به اسم disable link که اگر کلیک بشه تگ a رو غیر فعال میکنه:

۴-غیر فعال کردن فیلد های input :

در این مثال هم با فشردن کلیک disable input field تگ input غیر فعال می شود:

امیدوارم از بخش اول آموزش کد کاربردی jquery نهایت استفاده را برده باشید. در قسمت بعدی بقیه ۱۰ کد کاربردی jQuery را در اختیار شما قرار میدیم.

برای دانلود سورس کد کامل این آموزش از باکس دانلود استفاده کنید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    دوره های آموزشی