در ادمه مبحث متدها در جی کوئری به یکی دیگر از انواع متد های موجود در این زبان برنامه نویسی می رسیم.این متد هم همانند متدها و افکت های دیگر در این زبان برنامه نویسی است که اگر آن را یاد گرفته و آن را به کار ببنید هم بر این زبان برنامه نویسی مسلط می شوید و هم می توانید به امکانات گسترده این زبان دسترسی بیشتر داشته باشید.
متد attr در jQuery ، برای ۲ منظور می تواند به کار برده شود .
مقدار تعیین شده برای خواص عناصر را خوانده و به کاربر نمایش می دهد .
برای مثال فرض کنید که برای خاصیت عرض ( width ) یک عنصر عکس < img > مقدار ۲۰۰px را تعیین کرده اید . این متد می تواند این مقدار را خوانده و به کاربر نمایش دهد .
می تواند مقدار خاصیت عناصر را تعیین کرده و یا در صورت نیاز تغییر دهد .
برای مثال به وسیله این متد می توانید سایز فونت یک پاراگراف < p > را به مقدار ۱۴pt تغییر دهید .
کاربرد اول – نمایش مقدار خاصیت یک عنصر
در کاربرد اول این متد می خواهیم به شما نمایش دهیم چگونه می توان مقدار خاصیت یک عنصر را استخراج کرده و سپس نمایش دهیم .
شکل کلی استفاده از این متد به شرح زیر است :
;( selector ” ).attr ( atrribute” ) $
selector : عنصر مورد نظری است که می خواهیم مقدار یک خاصیت آن را نمایش دهیم .
attribute : نام خاصیتی از عنصر مورد نظر است که این متد قرار است مقدار آن را استخراج کرده و به کاربر نمایش دهد .
کاربرد دوم – تغییر مقدار خاصیت یک عنصر
در کاربرد دوم این متد می خواهیم به شما نمایش دهیم چگونه می توان مقدار خاصیت یک عنصر را به مقدار مورد نظرمان تغییر دهیم .
شکل کلی استفاده از این متد به شرح زیر است :
; ( ” selector ” ).attr ( atrribute , value” ) $
selector : عنصر مورد نظری است که می خواهیم مقدار یک خاصیت آن را به مقدار دلخواه تغییر دهیم .
attribute : نام خاصیتی از عنصر مورد نظر است که این متد قرار است مقدار آن را تغییر دهید . برای مثال مقدار خاصیت عرض width یک عنصر را به یک مقدار دیگر تغییر دهیم .
value : مقدار جدیدیتعیین شده است که می خواهیم مقدار خاصیت را به آن مقدار ، تغییر دهیم .
مثال زیر کاربرد متد attr را نشان میدهد :
}()button”).click(function”)$
;(“img”).attr(“width”,”500″)$
;({