آموزش زنجیره سازی کدها در جی کوئری – jQuery – Chaining

حامد محمدیحامد محمدی
175 بازدید
زنجیره سازی کدها
[cdb_box_content]

با سلام خدمت همراهان همیشگی وب سایت پرنیان طرح

با یکی دیگر از مقالات آموزش جی کوئری در خدمت شما عزیزان هستیم.

می توانید برای مطالعه بیشتر در مورد جی کوئری به این لینک در وب سایت پرینان طرح مراجعه کنید.

در آموزش امروز قصد داریم در مورد زنجیره ها Chaining در کتابخانه جی کوئری صحبت کنیم.

در ادامه آموزش همراه ما باشید.

[/cdb_box_content]
[cdb_box_content]

مقدمه


با استفاده از کتابخانه جی کوئری، شما به عنوان یک کدنویس قادر خواهید بود تا اکشن ها / متدها ( actions/methods) را در ادامه یکدیگر اجرا کنید.

به عبارت دیگر آنها را به صورت زنجیره ای به یکدیگر مرتبط و متصل می کنید.

زنجیره سازی ، به شما این امکان را می دهد ، که چندین متد را، برای یک عنصر دلخواه در یک دستور اجرا کنید.

در ادامه همراه پرنیان باشید تا زنجیره سازی را با هم تمرین کنیم.

[/cdb_box_content]
[cdb_box_content]

روش و متد زنجیره سازی در جی کوئری

 

jQuery Method Chaining

تا کنون ، مانند هر کدنویسی دیگری، کدهای جی کوئری را خط به خط و یکی پس از دیگری می نوشتیم.

اما همانطور پیش تر که گفته روشی به نام زنجیره سازی یا chaning وجود دارد که به ما امکان می دهد تا چندین دستور جی کوئری را در یک دستور؛ در یک خط و برای یک عنصر دلخواه بنویسیم.

[/cdb_box_content]

نکته !

با استفاده از این روش ، مرورگرها دیگر مجبور نیستند که یک عنصر را درون خطوط برنامه و کد، بیش از یکبار جستجو کرده و بازیابی کنند.

[cdb_box_content]

برای زنجیره کردن یک اکشن، تنها کاری که با ید انجام دهید، این است که اکشن بعدی را به اکشن قبلی اضافه کنید.

در مثالی که در ادامه خدمتتان ارائه می شود، متدهای ()css(), slideUp(), slideDown با هم زنجیره شده اند.

تمامی این متدها روی عنصر P1 اعمال خواهند شد.

به این ترتیب که عنصر مورد نظر، ابتدا به رنگ قرمز در می آید.

سپس رو به بالا اسلاید می شود.

و بعد از آن رو به پایین اسلاید خواهد شد.

کد زیر، تمامی دستورات بالا را در یک خط نمایش می دهد:

[php]
$(“#p1”).css(“color”, “red”).slideUp(2000).slideDown(2000);
[/php]

بامراجعه به این لینک، عملکرد این دستور را مشاهده فرمایید.

[/cdb_box_content]

در صورت لزوم و به اختیار خود، می توانید متدها و اکشن های بیشتری را نیز در یک خط کدنویسی فراخوانی و اجرا کنید.

نکته!

در هنگام زنجیره سازی کدها، ممکن است خط کد شما بسیار طولانی شود.

به هیچ وجه نگران این موضوع نباشید.

کتابخانه جی کوئری روی شکل نحوی دستورات، حساسیت خاصی ندارد.

این بدان معناست که شما می توانید به هر ترتیب و شکلی که مایل هستید ، متدها را فراخوانی کنید.

از جمله شکستن خط (زدن کلید Enter)

ایجاد تورفتگی و…

[cdb_box_content]

استفاده از روش گفته شده در بخش نکته، و ایجاد استایل مشخص برای کدنویسی، جالب به نظر می رسد.

این روش باعث می شود تا فهم کد برای کدنویس و مخاطب آسانتر شود.

می توانیم مثال قبل را به شکل زیر مرتب و بازنویسی کنیم.

[php]
$(“#p1”).css(“color”, “red”)
.slideUp(2000)
.slideDown(2000);
[/php]

برای امتحان و مشاهده کد، به این لینک مراجعه کنید.

[/cdb_box_content]
[cdb_box_content]

اگر این مطلب برای شما مفید بود، ما را در گوگل ستاره باران کنید.

ترجمه و ارائه : رویا نجفی

منبع : وب سایت w3schools

[/cdb_box_content]
دسته بندی JQuery
اشتراک گذاری
راه حل صحیح موفقیت این است که اشتیاق شما به پیروزی بیشتر از ترس شما از شکست باشد.”انیشتین“

نوشته های مرتبط

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

22+ محصولات
401+ سفارشات تکمیل شده
2086+ کاربران
399+ مطالب وبلاگ
سبد خرید

هیچ محصولی در سبد خرید نیست.

ورود به سایت