دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۶
  • آبان

جلسه ۱۶ : افزودن عناصر html در jQuery

  • دسته‌بندی‌ها :
جلسه ۱۶ : افزودن عناصر html در jQuery
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش jQuery ، را دنبال می کنند. در بخش های قبلی، چگونگی دسترسی به محتوا و ویژگی های عناصر html، در jQuery. و همچنین تغییر دادن مقادیر آن ها را، بررسی کردیم. در ادامه این مباحث، در این بخش به مبحث افزودن عناصر html در jQuery یا Add Elements در jQuery ، می پردازیم.

      تاکنون مراحل چگونگی دستیابی به محتوای عناصر در jQuery را، در بخش کار با محتوا و ویژگی های HTML در jQuery و تغییر دادن مقادیر و محتوای عناصر را در بخش تنظیم مقادیر و ویژگی های HTML در jQuery، بررسی کردیم.

      در ادامه ی بخش، به مبحث افزودن عناصر html یا Add Elements در jQuery ، پرداختیم.

       

      افزودن عناصر html یا Add Elements در jQuery 

      افزودن عناصر html یا Add Elements در jQuery

       

       افزودن عناصر html یا Add Elements در jQuery

      در jQuery، به آسانی می توان ، عناصر html را اضافه کرد.

      افزودن عناصر html

      ما در این بخش، به چهار روش جی کوئری که برای اضافه کردن محتوای جدید استفاده می شود اشاره می کنیم:

      • ()append
      • ()prepend
      • ()after
      • ()before

      کار با تابع ()append

      از تابع ()append ، برای افزودن محتوا به انتهای محتوای جاری، یک عنصر استفاده می شود.

      مثال:

      مثال : 

      تابع ()prepend

      از تابع ()prepend ، برای افزودن محتوا به ابتدای محتوای عناصر استفاده می شود:

      مثال : 

      افزودن چند عنصر جدید با توابع ()append و ()prepend

      در jQuery ، با استفاده از توابع ()append و ()prepend ،می توان بی نهایت عنصر جدید را، به روشهای مختلفی که تاکنون به برخی اشاره شده، ایجاد کرد.

      در مثال زیر ، به روشهای مختلف از جمله DOM ، استفاده از jQuery ،کد JavaScript و… عناصر جدید با محتوای جدید،را ایجاد کرده ایم:

      مثال : 

      توابع ()after و ()before

      تابع ()after ، برای درج محتوا ، قبل از عنصر انتخاب شده، استفاده می شود.

      از تابع ()before ، برای افزودن محتوا، به قبل از عنصر انتخاب شده، استفاده می شود.

      مثال:

      مثال : 

      افزودن چند عنصر جدید با توابع ()after و ()before

      در jQuery ، می توان، با استفاده از توابع ()after و ()before، بی نهایت عنصر جدید را، به روشهای مختلفی که تاکنون به برخی اشاره شده، ایجاد کرد.

      در مثال زیر ، به روشهای مختلف از جمله DOM ، استفاده از jQuery ،کد JavaScript و… عناصر جدید با محتوای جدید،را ایجاد کرده ایم:

      مثال : 

      کلام آخر

      در بخش های قبل دیدیم که چه طور می شود محتوا و ویژگی های یک عنصر را در jQuery ، بدست آورد، و آن را ، تغییر داد. در ادامه ، در این بخش به موضوع افزودن عناصر html یا Add Elements در jQuery ، پرداختیم. امیدواریم که این مطلب مورد توجه و استفاده ی شما، قرار گرفته باشد.

      QR:  جلسه ۱۶ : افزودن عناصر html در jQuery
      به اشتراک بگذارید