شکل دستوری jQuery

نحوه (شکل دستوری)jQuery 

در jQuery برای اجرای عملیات(action) روی عناصر html، باید ابتدا آن عنصر یا عناصر را انتخاب کنید.
شکل دستوری جی کوئری  بصورت سفارشی برای انتخاب کردن و انجام دستورات مختلف روی عنصر های html ساخته شده است.
 
شکل دستوری اصلی به این صورت است :
$(سلکتور).عمل()
تشریح دستور : 
علامت $ برای تعریف / دسترسی به jQuery 
سلکتور برای پرس و جو(یا پیدا کردن) عناصر html
عمل jQuery   که روی عناصر اجرا می شوند.
 
مثال:
$(this).hide()  عنصر جاری را پنهان می کند
$("p").hide()  تمام عناصر <p> را پنهان می کند.
$(".test").hide()  تمام عناصری که کلاس آنها "class="test. است را مخفی می کند
$("#test").hide()  تمام عناصری که id="test" را مخفی می کند.
 
آیا با سلکتورهای css اشنا هستید؟
jQuery نیز از شکل دستوری  مشابه css برای انتخاب عناصر استفاده می کند. در آموزش های بعدی با شکل دستوری  سلکتور ها آشنا خواهید شد.
 

رویداد Document Ready

حتما تاکنون متوجه شده اید در تمام مثال ها، تمام متد های jQuery داخل رویداد Document Ready هستند.
$(document).ready(function(){

   // jQuery methods go here...

});
این کار مانع اجرای کد های jQuery قبل از بارگیری کامل صفحه می شود.
این روش، راه حل خوبی است تا زمان کامل شدن بارگیری صفحه منتظر بمانید. همچنین با این روش می توانید کد های خود را قبل از body، در بخش head قرار دهید.
در این قسمت مثال هایی آورده ایم که نشان می دهد اگر عملیات قبل از بارگیری کامل صفحه اجرا شود، مشکلاتی ایجاد خواهد شد:
  • در تلاش خواهد بود عناصری را مخفی کند که هنوز ایجاد نشده اند.
  • در تلاش خواهد بود اندازه تصویری را تغییر دهد که هنوز کامل بارگیری نشده است.
نکته:  تیم jQuery متد کوتاه تری برای رویداد  document ready ایجاد کرده است:
$(function(){

   // jQuery methods go here...

});

شکل دستوری را انتخاب کنید که ترجیح می دهید استفاده کنید.ما فکر می کنیم با رویداد document ready  راحت تر درک می کنید که چه زمانی کد ها آماده هستند.

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران (وب مهراز) بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط