031- 344 500 60

طراحی سایت اصفهان | سئو سایت اصفهان
طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی شرکت, طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی اینترنتی اصفهان , تبلیغات اینترنتی , 09133886881

صفحه نخست » بلاگ » jquery » دستورات زنجیره ای در جی کوئری-درس سیزدهم

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

تاریخ:۱۵ام آبان ۱۳۹۶
رعنا زارع
8

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

در جلسات قبلی درباره قواعد دستوری جی کوئری صحبت کردیم اما گاهی در نوشتن کدهای جی کوئری نیاز داریم تا برای یک عنصر چندین متد متفاوت به کار ببریم . اگر شما بخواهد متدها را به صورت جداگانه بنویسید و هر بار عنصر مورد نظر را دوباره فراخوانی کنید باعث می شود مرورگر هر بار به صورت جداگانه عمل شناسایی عنصر را انجام دهد که در کاهش سرعت سایت شما موثر است . از این رو قصد داریم تا در این جلسه از آموزش گام به گام جی کوئری قاعده دستوری ایجاد دستورات زنجیره ای را به شما آموزش دهیم .پس با تیم طراحی سایت وبیار همراه باشید .

آموزش جی کوئری

دستورات زنجیره ای (پشت سر هم) در جی کوئری :

تا کنون در کدنویسی ها دستورات jQuery را یکی بعد از دیگری نوشته اید. اما تکنیکی به نام “زنجیره ای کردن” یا “chaining” وجود دارد که به ما اجازه می دهد تا تنها با یک دستور، چندین متد را روی یک عنصر مشخص، اجرا کنیم . این عمل باعث می‌شود چندین کد فقط در یک سطر قرار گیرد و در نتیجه علاوه بر افزایش سرعت سایت شما که در ابتدا به آن اشاره کردیم ، کد شما نیز بسیار مختصر گردد.

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

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

برای مثال:

در قطعه کد زیر، متدهای css () و slideUp () و slideDown () به یکدیگر زنجیر شده اند. عنصر با شناسه “p7” ابتدا به رنگ قرمز، سپس به صورت اسلایدی پنهان می شود و در نهایت به صورت اسلایدی نمایان خواهد شد:

شما می توانید هر تعداد متد دیگری که نیاز دارید را به انتهای کد بالا اضافه نمایید.

توجه: زمانی که در حال زنجیره ای کردن متدها هستید، می توانید هر متد را در یک خط مانند زیر قرار دهید:

زیرا jQuery، خطوط سفید اضافی را حذف می کند و کد بالا را مانند یک خط کد اجرا خواهد کرد.

برای مثال :

می‌خواهیم تمام عناصر  تگ <section> در صورتی که دارای کلاس   webyar باشند را مخفی (با فید شدن) کنیم.

 

یکی از مزیت‌های اکثر متدهای قابل اجرا بروی مجموعه عناصر انتخاب شده آن است که خروجی خود آنها مجموعه‌ای دیگر است. به این معنا که خروجی این متد، آماده اعمال یک متد دیگر است.
فرض کنید در مثال بالا بخواهیم پس از مخفی کردن هر تگ <section> یک کلاس به نام seoyar به آن بیافزاییم. به این منظور می‌توان کدی مانند زیر نوشت:

در پایان :

در جلسات قبلی آموزش گام به گام جی کوئری اشاره مختصر و کوتاهی به دستورات زنجیره ای داشته ایم اما اکنون سعی کردیم به طور کامل درباره دستورات زنجیره ای صحبت کرده و با آوردن چندین مثال متفاوت این موضوع را برای شما روشن تر سازیم.

پس اکنون وقت آن رسیده که کدهای جی کوئری خود را با یاد گرفتن نحوه کاربرد دستورات زنجیره ای بازنگری کنید و برای بهینه سازی آنها اقدام نمایید.

درصورتی که با وجود مطالعه این آموزش و تمرین مثال ها احساس  میکنید که هنوز هم در کاربرد دستورات زنجیره ای در جی کوئری مشکلی دارید میتوانید مشکل و سوال خود را با متخصصان تیم طراحی سایت وبیار در میان بگذارید.

درباره نویسنده :
رعنا زارع

مطالب مرتبط

متد before در جی کوئری

متد Before در جی کوئری – درس پانزدهم

متد Before  در جی کوئری جی کوئری یک کتابخانه ی جاوا اسکریپت سریع, کوچک و بسیار غنی می باشد. جی کوئری یک چارچوب از جاوا اسکریپت است که هدف آن آسان ساختن استفاده از کد های جاوا اسکریپت در طراحی سایت می باشد. با متد ها و قواعد دستوری جی کوئری که در آموزش های […]

آموزش متد clone() در جی کوئری

متد ()clone در جی کوئری -درس چهاردهم

آموزش جی کوئری – متد ()clone اگر برنامه نویس باشید و یا حتی با برنامه نویسی آشنایی اندکی داشته باشید حتما درک خواهید کرد که نوشتن قطعه کدی تکراری کسل کننده خواهد بود و شدت آن زمانی زیاد میشود که عنصر مورد نظری که قصد کپی کردن آن را دارید رویداد ها و پارامترهایی را […]

متد data – متد removedata در جی کوئری-درس دوازدهم

آموزش گام به گام جی کوئری : گاهی طراحان سایت برای طراحی سایت نیاز دارند تا اطلاعاتی را از یک عنصر حذف کرده و یا بلعکس اطلاعاتی را به آن عنصر اضافه کرده و به صفحه بازگردانند . طراحان سایت برای انجام این گونه کارها در جی کوئری از متد data  و متد removedata استفاده […]

متد noconflict در جی کوئری

متد noconflict در جی کوئری-درس یازدهم

آموزش جی کوئری: گاهی در طراحی سایت نیاز داریم علاوه بر جی کوئری از دیگر کتابخانه های جاوا اسکریپت ، مانند :  JavaScript MVC ، Cappuccino ، Sammy ، Backbone ، MooTools ، Knockout ، Google Web Toolkit ، Google Closure ، Ember ، Batman ، Ext JS استفاده نماییم . اما خوب است بدانید […]

ارسال دیدگاه

  1. […] دستورات زنجیره ای در جی کوئری-درس سیزدهم اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان پدیدار […]

  2. […] دستورات زنجیره ای در جی کوئری-درس سیزدهم اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان پدیدار […]

  3. […] دستورات زنجیره ای در جی کوئری-درس سیزدهم اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان پدیدار […]

  4. […] دستورات زنجیره ای در جی کوئری-درس سیزدهم اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان پدیدار […]

  5. […] دستورات زنجیره ای در جی کوئری-درس سیزدهم اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان پدیدار […]

  6. […] دستورات زنجیره ای در جی کوئری-درس سیزدهم اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان پدیدار […]

  7. […] دستورات زنجیره ای در جی کوئری-درس سیزدهم اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان پدیدار […]

  8. […] دستورات زنجیره ای در جی کوئری-درس سیزدهم اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان پدیدار […]

  9. […] دستورات زنجیره ای در جی کوئری-درس سیزدهم اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان پدیدار […]

  10. […] دستورات زنجیره ای در جی کوئری-درس سیزدهم اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان پدیدار […]

  11. […] دستورات زنجیره ای در جی کوئری-درس سیزدهم اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان پدیدار […]

  12. […] دستورات زنجیره ای در جی کوئری-درس سیزدهم اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان پدیدار […]

*    

*    

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

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

چه کمکی از تیم وب یار بر می آید ، با ما در میان بگذارید

برای گفتگو کلید ENTER را بفشارید