با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره آموزش کاربردی آموزش jQuery ، را دنبال می کنند. خب تا این بخش از آموزشهای دوره ، با روال آموزش ، زبان jQuery و نحوه ی دریافت نسخه های متعدد آن ، آشنا شدید. در ادامه آموزش ، در این بخش ، قصد داریم به مبحث آشنایی با ساختار کدنویسی زبان jQuery ، بپردازیم.
جلسات ما قبل آخر، از مقدمات این آموزش و آموزشهای پایه دوره ، محسوب می شود. که در قالب موضوعات آشنایی با زبان jQuery ، شروع کار با زبان jQuery و… ارائه گردید.
در ادامه به بحث اصلی این بخش ، آشنایی با ساختار کدنویسی یا syntax زبان jQuery ،می پردازیم.
با استفاده از jQuery ، شما می توانیدکنترل پرس و جوهای عناصر html ، را بدست گرفته و اقداماتی روی آن انجام دهید.
روش کارjQuery ، برای انتخاب عناصر HTML و اجرای برخی از اعمال ، بر روی عنصر (ها) مناسب است.
پایه اصلی دستورات
$(selector).action()
است:
action()
، یک عمل jQuery ، که بر روی عنصر (ها) انجام می شود.مثال:
$(this).hide()
: مخفی کردن عنصر جاری.$("p").hide()
: مخفی کردن تمام عناصر <p>.$(".test").hide()
: مخفی کردن تمام عناصر دارای کلاس “test”.$("#test").hide()
: مخفی کردن تمام عناصر دارای آی.دی “test”.ساختار پایه توابع ، بصورت زیر است:
مثال:
1 2 3 4 5 | $(document).ready(function(){ // jQuery methods go here... }); |
رویداد مثال فوق، برای اجرای هر گونه عملی در این تابع، قبل از بارگیری صفحه وب است.
در اینجا چند نمونه از اقداماتی که برای اجرا شدن قبل از بارگیری صفحه وب، بکار می رود. اما در شرایط زیر انجام نمی شود، ذکر شده است:
در اینجا روشی، کوتاه تر برای تعریف توابع ارائه شده است:
1 2 3 4 5 | $(function(){ // jQuery methods go here... }); |
خب ای نبخش نیز مانند بخش های قبلی ، از آموزشهای پایه jQuery ، محسوب می شود. چراکه در این بخش شما با ساختار کد نویسی در jQuery ، تا حدی ،آشنا می شوید. امیدواریم که این آموزش نیز ، مورد استفاده شما قرار بگیرد.