متد prop ، می تواند دو کار را انجام دهد :
۱-مقدار یک یا چند خاصیت یک عنصر HTML را خوانده و به صفحه بر می گرداند .
۲-می تواند مقدار یک یا چند خاصیت یک عنصر HTML را به مقدار تعیین شده و مورد نظر شما تغییر دهد .
هنگامی که متد prop را برای خواندن مقدار خاصیت یک عنصر HTML به کار می برید ، این متد مقدار خاصیت اولین عنصری که با مشخصات داده شده یکسان است را نمایش می دهد .
ولی هنگامی که برای تغییر مقدار یک خاصیت عنصر HTML به کار می رود ، مقدار خاصیت کلیه عناصری که با مشخصات داده شده مطابقت داشته و در صفحه وجود دارند ، را تغییر می دهد .
خواندن مقدار یک خاصیت عنصر HTML
شکل کلی استفاده از متد ( ) prop در این حالت به شرح زیر است :
;( selector ).prop ( property )$
selector : این پارامتر تعیین کننده id عنصر HTML ای است که می خواهید مقدار یک خاصیت css آن را بخوانید .
تعیین این پارامتر اجباری است .
property : این پارامتر تعیین کننده نام خاصیتی است که می خواهید مقدار آن را بخوانید .
تعیین این پارامتر اجباری است .
تغییر مقدار یک خاصیت عنصر HTML به مقدار دلخواه
شکل کلی استفاده از متد ( ) prop در این حالت به شرح زیر است :
;( selector ).prop ( property , value ) $
selector : این پارامتر تعیین کننده id عنصر HTML ای است که می خواهید مقدار یک خاصیت css آن را به یک مقدار جدید تغییر دهید .
تعیین این پارامتر اجباری است .
property : این پارامتر تعیین کننده نام خاصیتی است که می خواهید مقدار آن را به یک مقدار جدید تغییر دهید .
تعیین این پارامتر اجباری است .
value : این پارامتر تعیین کننده مقدار جدیدی است که می خواهید برای خاصیت css عنصر HTML قرار دهید .
تعیین این پارامتر اجباری است .
تغییر مقدار چند خاصیت css یک عنصر HTML به مقادیر دلخواه
شکل کلی استفاده از متد ( ) prop در این حالت به شرح زیر است :
; ( {…..selector ).prop ( { property 1 : value 1 , property 2 : value 2 )$
مثال زیر کاربرد متد prop را نشان میدهد:
}()button”).click(function”)$
;(“var $x = $(“div
(“x.prop(“color”,”FF0000 $
((“x.append(“The color property: ” + $x.prop(“color$
;(“x.removeProp(“color$
;({