متد prop در jQuery
در این بخش از آموزش JQuery ، متد prop را شرح میدهیم.
متد 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");
});