متد ( ) attr در jQuery
در این بخش از آموزش JQuery ، متد attr را شرح میدهیم.
متد attr در jQuery ، برای 2 منظور می تواند به کار برده شود .
- مقدار تعیین شده برای خواص عناصر را خوانده و به کاربر نمایش می دهد .
برای مثال فرض کنید که برای خاصیت عرض ( width ) یک عنصر عکس < img > مقدار 200px را تعیین کرده اید . این متد می تواند این مقدار را خوانده و به کاربر نمایش دهد .
- می تواند مقدار خاصیت عناصر را تعیین کرده و یا در صورت نیاز تغییر دهد .
برای مثال به وسیله این متد می توانید سایز فونت یک پاراگراف < p > را به مقدار 14pt تغییر دهید .
کاربرد اول - نمایش مقدار خاصیت یک عنصر
در کاربرد اول این متد می خواهیم به شما نمایش دهیم چگونه می توان مقدار خاصیت یک عنصر را استخراج کرده و سپس نمایش دهیم .
شکل کلی استفاده از این متد به شرح زیر است :
$ ( " selector " ).attr ( atrribute ) ;
selector : عنصر مورد نظری است که می خواهیم مقدار یک خاصیت آن را نمایش دهیم .
attribute : نام خاصیتی از عنصر مورد نظر است که این متد قرار است مقدار آن را استخراج کرده و به کاربر نمایش دهد .
کاربرد دوم - تغییر مقدار خاصیت یک عنصر
در کاربرد دوم این متد می خواهیم به شما نمایش دهیم چگونه می توان مقدار خاصیت یک عنصر را به مقدار مورد نظرمان تغییر دهیم .
شکل کلی استفاده از این متد به شرح زیر است :
$ ( " selector " ).attr ( atrribute , value ) ;
selector : عنصر مورد نظری است که می خواهیم مقدار یک خاصیت آن را به مقدار دلخواه تغییر دهیم .
attribute : نام خاصیتی از عنصر مورد نظر است که این متد قرار است مقدار آن را تغییر دهید . برای مثال مقدار خاصیت عرض width یک عنصر را به یک مقدار دیگر تغییر دهیم .
value : مقدار جدیدیتعیین شده است که می خواهیم مقدار خاصیت را به آن مقدار ، تغییر دهیم .
مثال زیر کاربرد متد attr را نشان میدهد :
$("button").click(function(){
$("img").attr("width","500");
});