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



  • ۲۶
  • آبان

جلسه ۱۵ : تنظیم مقادیر و ویژگی های HTML در jQuery

  • دسته‌بندی‌ها :
جلسه ۱۵ : تنظیم مقادیر و ویژگی های HTML در jQuery
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره آموزش کاربردی آموزش jQuery ، را دنبال می کنند. در بخش قبلی، چگونگی دسترسی و دریافت محتوا و ویژگی های یک عنصر html، در jQuery را ، ارائه کردیم. اکنون در ادامه همان مبحث ، در این بخش ، قصد داریم به موضوع چگونگی تنظیم مقادیر و ویژگی های HTML در jQuery که شامل ( تنظیم مقادیر عناصر html ، تنظیم صفات و ویژگی ها ، توابع callback در تابع ()attr ) ، بپردازیم.

      ما در بخش قبلی نحوه دسترسی به محتوای عناصر html و نمایش آنها را بررسی کردیم . و موضوع کار با محتوا و ویژگی های HTML در jQuery ،را در بخش قبلی، ارائه کردیم.

      اکنون در تکمیل مبحث قبلی ، در این بخش به موضوع تنظیم ویژگی ها و مقادیر  HTML در jQuery ، می پردازیم.

       

      تنظیم ویژگی ها و مقادیر  HTML در jQuery

      تنظیم مقادیر عناصر html

      در این بخش ما سه روش تغییر و تنظیم مقادیر و محتوای عناصر html در jQuery را، ارائه کرده ایم:

      • ()text : محتویات متن عناصر انتخاب شده را برای تنظیم یا تغییر، برمی گرداند.
      • ()html : عناصر HTML و خصوصیات آن را تنظیم یا تغییر، برمی گرداند.
      • ()val : مقادیر فیلدهای فرم ها را تنظیم یا تغییر، برمی گرداند.

      مثال زیر ، چگونگی استفاده از توابع فوق را، برای تنظیم مقادیر و محتوای عناصر html، نشان می دهد:

      مثال : 

      استفاده از توابع callback

      در توابع ()text()، html, و ()val می توان از توابع callback نیز، استفاده کرد. این تابع دو پارامتر دارد:

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

      دومین پارامتر مقدار قدیمی است که آنرا با مقدار جدید عوض می کنیم.

      مثال:

      مثال : 

      تنظیم صفات و ویژگی ها

      با استفاده از تابع ()attr ، می توانید صفات و ویژگی های یک عنصر html را، تغییر دهید.

      مثال زیر ، چگونگی دسترسی به صفت href یک عنصر، و تغییر دادن آن را ، نشان می دهد:

      مثال : 

      مثال ۲: در اینجا دو صفت یک عنصر، همزمان تغییر می کند:

      مثال : 

      توابع callback در تابع ()attr

      در تابع ()attr می توان ، از توابع callback نیز، استفاده کرد. این تابع دو پارامتر دارد:

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

      دومین پارامتر مقدار قدیمی است که آنرا با مقدار جدید عوض می کنیم.

      مثال زیر چگونگی استفاده از callback را در تابع ()attr ، نشان می دهد:

      مثال : 

      کلام آخر

      در این جلسه که به نحوی در تکمبل مبحث جلسه قبل ارائه شده است. ما به موضوع تنظیم ویژگی ها و مقادیر  HTML در jQuery ، با ارائه توضیحات کافی و مثال های متعدد، پرداختیم. امیدواریم که این موضع نیز، مورد توجه و استفاده ی شما قرار گرفته باشد.

      QR:  جلسه ۱۵ : تنظیم مقادیر و ویژگی های HTML در jQuery
      به اشتراک بگذارید