تبلیغات

آموزش جی کوئری-ساختاردستورات جی کوئری

jQuery

جی کوئری طوری بهینه شده که بتونید با آسون ترین راه ممکن، عناصر HTML رو انتخاب و عملی رو روی اونا انجام بدید.


اصلی ترین دستور در jQuery:

علامت $: برای دسترسی به جیکوئری  به کار می رود. مانند متد ()document.getElementById در JavaScript عمل می کند (با این تفاوت که getElementById فقط به عناصر با id مشخص دسترسی داشت ولی $ می تواند به تمام عناصر دسترسی داشته باشد)  و برای دسترسی به عناصر HTML در jQuery استفاده می شود.
SELECTOR: برای جستجوی عناصر HTML  به کار می رود.نام کلاس، شناسه، نام تگ، نوع، نام خصوصیت و یا مقدار خصوصیت عنصر HTML است. به طور کلی از طریق این می تونیم بگیم من دوم عناصرو میخوام انتخاب کنم.
ACTION: عملی است که روی عنصر HTML انجام می شود. در واقع به جای این اسم یه متدی قرار می گیره و می تونه ورودی هم داشته باشه. https://fullkade.com


مثال:

نکته: در jQuery برای دسترسی به عناصر HTML و دستکاری آنها از گزینشگرهای CSS استفاده می شود. در مطلب بعدی به این موضوع خواهیم پرداخت. https://fullkade.com


رویداد ready
در بخش رویداد ها کدزیر را درک خواهید کرد ولی این را بدانید ما از این کد استفاده می کنیم تا بدانیم صفحه کی کاملا لود شده است. https://fullkade.com
این امر باعت می شود تا کدهای jQuery بعد ازبارگذاری کامل صفحه، اجرا شوند. همچنین با این تکنیک، قادر خواهید بود کدهای JavaScript را در قسمت <head> صفحه قرار دهید. https://fullkade.com

کدهامونو بین این می نویسیم چرا؟ مثلا: https://fullkade.com
    تلاش برای پنهان کردن عنصری که هنوز ایجاد نشده است.
    تلاش برای گرفتن عرض و ارتفاع عکسی که هنوز بارگذاری نشده است.
اگه صفحه لود نشده باشه چیو پنهان کنیم؟
نکته: تیم jQuery یک متد کوتاه تر برای رویداد ready ایجاد کرده است:

نکته: می توانید هر کدام از روش های بالا را که ترجیح می دهید استفاده کنید. اما توجه داشته باشید که روش اول قابل فهم تر و خواناتر است. https://fullkade.com

در ادامه آموزش با این گزینشگرهای جی کوئری و نحوه ی انتخاب عناصر به طور کامل آشنا خواهید شد.

درس قبلیدرس بعدی

تبلیغات
0
کانال تلگرام فول کده
تبلیغات

درباره نویسنده

هادی اکبرزاده

[ مدیر فول کده ]

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

پاسخ دهید

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

نظرات ثبت شده بدون دیدگاه