آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش توابع before و after در jQuery

دوره های مرتبط با این مقاله

توابع before() و after() در jQuery

در مبحث پیشین با نحوه ی افزودن آیتم های جدید در داخل المان، با استفاده از دو متد append() و prepend() آشنا شدیم. اما در برخی موارد لازم است یک یا چند آیتم جدید را به بعد یا قبل المان های جاری پیوست کنیم. کتابخانه ی jQuery دو متد before() و after() را برای این منظور در نظر گرفته است. کاربرد دو متد مزبور را در مثال زیر مشاهده می کنید:


بسته به اینکه بر روی کدام لینک کلیک کنید، یک تگ italic یا bold، با استفاده از کلاس"test1" ، به قبل یا بعد المان input اضافه می شود. درست مانند توابع append() و prepend()، دو متد before() و after() نیز به شما اجازه می دهند از رشته های HTML، المان های DOM و اشیا jQuery به عنوان پارامتر ارسالی استفاده کنید (همچنین تعداد آرگومان ورودی این دو تابع می تواند نامحدود باشد). نمونه:


نمونه دو

    Insert elements
    

Hello world?
امتحان کنید

در مثال فوق یک شی jQuery، رشته ی HTML، یک المان JavaScript DOMایجاد کرده و سپس با استفاده از متد after() تمامی آن ها به بعد المان span اضافه می کنیم.
توابع before() و after() دارای مشتقاتی هستند که عبارتند از: insertBefore() و insertAfter(). نتیجه ای که از فراخوانی دو متد متشتق حاصل می شود با توابع اصلی آن ها یکسان است. تنها تفاوت در ترتیب انجام کار می باشد.


مثال:

نمونه سه

    Insert elemenets
    

Hello world?
امتحان کنید

امیدواریم که این مطلب در مورد آموزش Jquery و JavaScript برایتان مفید و مناسب بوده باشد.
در صورت داشتن هر گونه سوال، پیشنهاد و یا انتقاد حتماً از قسمت نظرات در پایین صفحه آن را برای ما ارسال کنید.

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

از اینجا بهترین کتابهای برنامه نویسی را دریافت کنید : کتاب های آموزش برنامه نویسی


کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده می باشد و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.

  • 1147
  •    1188
  • تاریخ ارسال :   1395/01/16

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .