جلسه ۰۴ : ساختار کد نویسی زبان jQuery

• جزئیات
• نوع محتواآموزش تصویری

مقدمه

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

جلسات ما قبل آخر، از مقدمات این آموزش و آموزشهای پایه دوره ، محسوب می شود. که در قالب موضوعات آشنایی با زبان jQuery  ، شروع کار با زبان jQuery و… ارائه گردید.

در ادامه به بحث اصلی این بخش ، آشنایی با ساختار کدنویسی یا syntax  زبان jQuery ،می پردازیم.

آشنایی با ساختار کدنویسی یا syntax  زبان jQuery

 آشنایی با ساختار کدنویسی یا syntax  زبان jQuery

با استفاده از jQuery ، شما می توانیدکنترل  پرس و جوهای عناصر html ، را بدست گرفته و اقداماتی روی آن انجام دهید.

ساختار jQuery

روش کارjQuery  ، برای انتخاب عناصر HTML و اجرای برخی از اعمال ، بر روی عنصر (ها) مناسب است.

پایه اصلی دستورات  $(selector).action() است:

• علامت $ برای تعریف / دسترسی به jQuery است.
• A (انتخابگر) برای “پرس و جو (یا پیدا کردن)” عناصر HTML ، است.
• action() ، یک عمل jQuery ، که بر روی عنصر (ها) انجام می شود.

مثال:

• $(this).hide() : مخفی کردن عنصر جاری.
• $("p").hide() : مخفی کردن تمام عناصر <p>.
• $(".test").hide() : مخفی کردن تمام عناصر دارای کلاس “test”.
• $("#test").hide() : مخفی کردن تمام عناصر دارای آی.دی “test”.

ساختار توابع و رویدادها

ساختار پایه توابع ، بصورت زیر است:

مثال:

رویداد مثال فوق، برای اجرای هر گونه عملی در این تابع، قبل از بارگیری صفحه وب است.

در اینجا چند نمونه از اقداماتی که برای اجرا شدن قبل از بارگیری صفحه وب، بکار می رود. اما در شرایط زیر انجام نمی شود، ذکر شده است:

• تلاش برای پنهان کردن یک عنصر که هنوز ایجاد نشده است.
• تلاش برای گرفتن یک تصویر که بارگذاری نشده است.

در اینجا روشی، کوتاه تر برای تعریف توابع ارائه شده است:

کلام آخر

خب ای نبخش نیز مانند بخش های قبلی ، از آموزشهای پایه jQuery ، محسوب می شود. چراکه در این بخش شما با ساختار کد نویسی در jQuery ، تا حدی ،آشنا می شوید. امیدواریم که این آموزش نیز ، مورد استفاده شما قرار بگیرد.