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

آموزش متدهای append و prepend در جی کوئری

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

متدهای append() و prepend()

با امکانات کتابخانه ی jQuery می توان به راحتی المان های جدید به المان های جاری پیوست یا اضافه کرد. در این کتابخانه، متدهایی برای افزودن المان جدید به ابتدا/انتهای المان جاری، دریافت HTML به صورت رشته، المان های DOM و نیز اشیا جی کوئری به عنوان پارامتر وجود دارد. در مثال زیر خواهید دید افزودن المان های جدید به یک لیست با استفاده از توابع prepend و append چقدر آسان می باشد:


نمونه یک

    Append
    Prepend
    
  1. Existing item
  2. Existing item
امتحان کنید

در نمونه ی ذکر شده در بالا، دو لینک را مشاهده می کنید. اولین لینک یک آیتم جدید به انتهای المان li اضافه می کند. لینک دوم، برخلاف لینک اول، یک آیتم جدید به ابتدای المان li الحاق می نماید. در این مثال، صرفا یک قطعه HTML جدید درج می گردد. اما می توانستیم آیتم های جدید را توسط کد jQuery تولید کنیم یا آن را از طریق کد خالص جاوا اسکریپت و المان های DOM ایجاد نماییم. در واقع هر دو متد append() و prepend()، قادر به پذیرش تعداد نامحدودی المان به عنوان پارامتر می باشند. در مثال زیر، قابلیت پذیرش تعداد نامحدودی پارامتر و توانایی افزودن المان های جدید به اشکال مختلف را نمایش می دهیم:


نمونه دو

    Append items
    
    امتحان کنید

    همان طور که مشاهده می کنید، item1 یک المان است که توسط jQuery ایجاد شده، item2 یک رشته ی ساده ی HTML و item3یک المان DOM تولید شده توسط javascript می باشد. این سه آیتم توسط متد append به انتهای المان li (لیست) پیوست شده است.
    دو متد نام برده دارای مشتقاتی می باشند که عبارتند از:


    1. ()appendTo
    2. ()prependTo

    این دو متد همان کار دو append و prepend را انجام می دهند اما به شیوه ای کاملا متفاوت.


    مثال:

    نمونه سه

        Prepend items
        
      امتحان کنید

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


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

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

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


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

      • 1500
      •    1128
      • تاریخ ارسال :   1395/01/16

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

      ارسال

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

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