متد data – متد removedata در جی کوئری – درس دوازدهم
خانه » بلاگ » jquery » متد data – متد removedata در جی کوئری – درس دوازدهم
آموزش گام به گام متد data و removedata جی کوئری :
گاهی طراحان سایت برای طراحی سایت نیاز دارند تا اطلاعاتی را از یک عنصر حذف کرده و یا بلعکس اطلاعاتی را به آن عنصر اضافه کرده و به صفحه بازگردانند. طراحان سایت برای انجام این گونه کارها در جی کوئری از متد data و متد removedata استفاده می کنند. تیم طراحی سایت وبیار قصد دارد در این جلسه از آموزش گام به گام جی کوئری در رابطه با متد data و متد removedata برای شما همراهان عزیز وب یار صحبت کند. با تیم طراحی سایت اصفهان وب یار همراه باشید.
متد data :
به طراحان سایت کمک میکند تا اطلاعاتی را به عنصر مورد نظر خود اضافه کرده و یا اینکه اطلاعات آن را خوانده و به صفحه بازگردانند .که برای انجام هر یک از این دو کار syntax جدا گانه ای در نظر گرفته شده است.
الف ) خواندن و برگرداندن اطلاعات یک عنصر با استفاده از متد data :
به وسیله متد data می توان اطلاعات موجود در یک عنصر HTML را خوانده و به صفحه باز گرداند.
شکل کلی استفاده از متد data در این حالت به صورت زیر می باشد :
$( selector ).data ( name )
selector : این پارامتر تعیین کننده id عنصری است که می خواهیم اطلاعات آن را خوانده و به صفحه باز گردانیم .
name : این پارامتر تعیین کننده نام اطلاعاتی در عنصر مورد نظر است که می خواهید آن را خوانده و به صفحه بر گردانید. نکته : استفاده از این پارامتر اختیاری است .
ب) اضافه کردن اطلاعات به یک عنصر توسط متد data :
به وسیله متد data می توان اطلاعات مورد نظر خود را به یک عنصر در صفحه اضافه نمایید .
شکل کلی استفاده از متد data در این حالت به صورت زیر می باشد :
$( selector ).data ( name , value ) ;
selector : این پارامتر تعیین کننده id عنصری است که می خواهیم اطلاعات آن را خوانده و به صفحه بر گردانیم . name : این پارامتر تعیین کننده نام اطلاعاتی است که می خواهیم به عنصر مورد نظرمان اضافه نماییم . نکته : استفاده از این پارامتر اجباری است . value : این پارامتر تعیین کننده اطلاعاتی است که می خواهیم به عنصر مورد نظرمان اضافه نماییم . نکته : استفاده از این پارامتر اجباری است .
مثالی از کاربرد دو حالت مختلف متد data در جی کوئری :
$("#btn").click(function(){
$("img ").data("greeting", " طراحی سایت وبیار");});
$("#btn1").click(function(){
alert($("img").data("get"));
});
متد removedata :
طراحان سایت می توانند اطلاعات اضافه شده به یک عنصر را که قبلا توسط متد data اضافه شده است ، را با استفاده از متد removedata حذف نمایند .
اما به یاد داشته باشید اگر اطلاعاتی قبلا توسط متد data، به عنصر موردنظر اضافه نشده باشد ، متد removedata کار نمی کند .
شکل کلی استفاده از متد removedata به صورت زیر می باشد :
$( selector ).removeData ( name ) ;
Selector : این پارامتر تعیین کننده id عنصری است که می خواهیم اطلاعات آن را حذف نماییم . name : این پارامتر تعیین کننده نام اطلاعاتی در عنصر مورد نظر است که می خواهیم آن را حذف کنیم . نکته : استفاده از این پارامتر اختیاری است . اخطار: خوب است بدانید اگر این پارامتر تعیین نشود ، کلیه اطلاعات موجود در عنصر حذف خواهد شد .
مثالی از کاربرد متدremovedata در جی کوئری :
$("#btn").click(function(){
$("img").removeData("get");
alert("get is: " + $("img").data("get"));
});
در نهایت ممنون هستیم از همراهی شما دوستان عزیز با تیم طراحی سایت وبیار .در صورتیکه سوالی درباره متد data و متد removedata در جی کوئری دارید میتوانید با متخصصان تیم طراحی سایت وبیار درمیان بگذارید. در ضمن یادآور می شویم پیش نیاز یادگیری این قسمت از آموزش گام به گام جی کوئری دروس یک تا چهار این دوره شامل :
