درود
با فصل 4 در خدمت شما هستیم.
jquery چجوری کار می کنه؟
jquery خیلی زیاد تو html برای عناصر استفاده میشه و روی عناصر کار های زیادی انجام میده.
کد پایه ای که از اون استفاده میشه اینه:
کد:
$(selector).action()
که در اون action به معنی کاری هست که می خواد انجام بگیره و selector به معنی اون class یا div یا هر چیز دیگه ای هست که تو html دادید.
$ هم مجوز میده که jquery اچرا شه.
مثال ها:
این کد اینو نشون میده که اینو(عنصر انتخاب شده)رو پنهان کن.
کد:
$(this).hide()
این کد هم یعنی متن انتخاب شده را پنهان کن.
کد:
$("p").hide()
این کد هم یعنی "class="test رو پنهان کن.
کد:
$(".test").hide()
این کدم یعنی "id="test رو پنهان کن.
کد:
$("#test").hide()
سند اتفاقی که می خوام بیوفته آماده شده.چی کار کنم؟
شما باید این نکته رو فهمیده باشید برای این که کار هایی که می خواید با jquery در html انجام بدید در سند html قرار گرفته باشه.
باید به این صورت کد ها رو بنویسید:
کد:
$(document).ready(function(){


   // jQuery methods go here...


});
این از انجام کد های jquery چلوگیری می کنه تا قبل از این که لود صفحه تموم بشه اجرا شه.ممکنه در صورت قرار ندادن اون کد،پس از لود شدن صفحه اجرا نشه کد های jquery.
این خوبه که با این کد های ذکر شده تمرین کنید.همچنین این کد به شما اجازه میده که بتونید در تگ <head> از آن استفاده کنید و قبل از لود شدن body از اون استفاده کنید.
این جا یه سری مثال هست که با اون نشون دادیم اگه این کد ها قبل از لود شدن کامل صفحه،بارگذاری شن،به نفعتون نیست.
پنهان کردن عنصری که هنوز اصلا بارگذاری نشده.
گرفتن اندازه تصویر قبل از این که کامل لود شه.
تیم jquery حتی یه کد سبک و کوتاه تر نیز آماده کردند تا به جای استفاده از کد بالا از اون استفاده کنید:
کد:
$(function(){


   // jQuery methods go here...


});
به نظر من اون کد اول برای فهمیدن راحت تر است و بهتره از اون استفاده کنید تا متوجه بشید چیکار دارید می کنید.
اما شما هر کدومو دوست دارید استفاده کنید.
اینم از فصل چهارم.
موفق و سربلند باشید.
منبع: وی بی ایران