ورود به کارتابل مشتریان وب مهراز
شکل دستوری jQuery
یادگیری jQuery
تعداد بازدید :
3346
تاریخ و ساعت انتشار :
پنج شنبه 20 مهر 1396 02:58
نحوه (شکل دستوری)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 راحت تر درک می کنید که چه زمانی کد ها آماده هستند.
نظر شما
>