نحو

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Jquery-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳شروع کار
۴دستور زبان
۵انتخابگرها (Selectors)
۶رویدادها
جلوه‌ها در jQuery
۱نمایش دادن / پنهان کردن
۲محو شدن
۳اسلاید
۴متحرک ساختن
۵stop()
۶فراخوانی (Callback)
۷زنجیره‌سازی (Chaining)
HTML در jQuery
۱Get
۲Set
۳اضافه‌کردن (Add)
۴حذف‌کردن
۵کلاس‌های CSS
۶css()
۷ابعاد
پیمودن در jQuery
۱پیمودن (Traversing)
۲اجداد
۳نسل‌ها
۴برادرها (Siblings)
۵فیلترکردن
AJAX در jQuery
۱مقدمهٔ AJAX
۲بارگذاری
۳Get/Post
متفرقه‌های jQuery
۱noConflict()
۲فیلترها
مثال‌ها
۱مثال‌ها
مرجع‌ها

با jQuery عنصرهای HTML را انتخاب (پرس‌وجو) می‌کنید و بر روی آن‌ها «اعمالی» (به انگلیسی: actions) را اجرا می‌کنید.[۱]

نحو jQuery

نحو jQuery بطور خاص برای انتخاب عنصرهای HTML و انجام عملی بر روی عنصر(ها) است.

نحو پایه این‌گونه است: $(selector).action()

  • یک علامت $ برای تعریف / دسترسی jQuery
  • یک (selector) برای "پرس‌وجو (یا پیدا کردن)" عنصر HTML
  • یک action() جی کوئری برای اجرا شدن بر روی عنصر(ها)

مثال‌ها:

$(this).hide() - عنصر فعلی را پنهان می‌کند.

$("p").hide() - همه عنصرهای <p> را پنهان می‌کند.

$(".test").hide() - همه عنصرها با class="test" را پنهان می‌کند.

$("#test").hide() - همه عنصرها با id="test" را پنهان می‌کند.

آیا با Selectorهای CSS آشنا هستید؟

jQuery از نحو CSS برای انتخاب عنصرها استفاده می‌کند. در مورد نحو selectorها در بخش بعدی این آموزش بیشتر خواهید آموخت.

<translate> نکته</translate>  نکته: اگر با CSS آشنایی ندارید، می‌توانید آموزش CSS ما را مطالعه کنید.

رویداد Document Ready

شاید متوجه شده باشید که همه متدهای jQuery در مثال‌های ما، داخل رویداد document ready هستند.

$(document).ready(function(){

  // jQuery methods go here...

});

این کار از اجرا شدن هرگونه کد jQuery پیش از اتمام بارگذاری سند (آماده بودن آن) جلوگیری می‌کند.

منتظر ماندن برای بارگذاری کامل سند و آمادگی پیش از کار کردن با آن روش خوبی است. همچنین امکان نوشتن کد جاوا اسکریپت پیش از بدنه سند در بخش head را فراهم می‌کند.

در اینجا تعدادی مثال از عمل‌هایی آمده‌است که اگر پیش از تکمیل بارگذاری سند فراخوانی شوند، ممکن است شکست بخورند:

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

نکته: تیم jQuery حتی یک متد کوتاه‌تر برای رویداد document ready ایجاد کرده‌اند:

$(function(){

  // jQuery methods go here...

});


از نحوی استفاده کنید که خودتان ترجیح می‌دهید. ما فکر می‌کنیم که فهمیدن رویداد document ready هنگام خواندن کد ساده‌تر است.


منابع آموزشی