031- 344 500 60

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

صفحه نخست » بلاگ » jquery » متد data – متد removedata در جی کوئری-درس دوازدهم

متد data – متد removedata در جی کوئری-درس دوازدهم

۱۷ام مهر ۱۳۹۶
رعنا زارع
103

آموزش گام به گام جی کوئری :

گاهی طراحان سایت برای طراحی سایت نیاز دارند تا اطلاعاتی را از یک عنصر حذف کرده و یا بلعکس اطلاعاتی را به آن عنصر اضافه کرده و به صفحه بازگردانند . طراحان سایت برای انجام این گونه کارها در جی کوئری از متد data  و متد removedata استفاده میکنند. تیم طراحی سایت وبیار قصد دارد در این جلسه از آموزش گام به گام جی کوئری در رابطه با متد data و متد removedata  برای شما همراهان عزیز وبیار صحبت کند .با تیم طراحی سایت وبیار همراه باشید .

 متد data متد removedata

متد data :

متد 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  در جی کوئری دارید میتوانید با متخصصان تیم طراحی سایت وبیار درمیان بگذارید. در ضمن یادآور می شویم پیش نیاز یادگیری این قسمت از آموزش گام به گام جی کوئری دروس یک تا چهار این دوره شامل :

آموزش جی کوئری – جی کوئری چیست؟

آموزش نصب جی کوئری jQuery – درس دوم

آموزش انتخابگرهای جی کوئریJquery-درس سوم

قواعد دستوری جی کوئری-درس چهارم

می باشد .

فراموش نکنید افتخار متخصصان تیم طراحی سایت وبیار  ، طراحی سایت برای شما همراهان عزیزاست .

تعداد ستاره های خود را از این مطلب از چپ به راست انتخاب نمایید
درباره نویسنده :
رعنا زارع

مطالب مرتبط

طراحی فروشگاه اینترنتی تجارت پویا

سایت فروشگاهی تجارت پویا

طراحی سایت فروشگاهی تجارت پویا طراحی سایت اختصاصی تجارت پویا عرضه کننده قیمت لپ تاپ , قیمت کامپیوتر , قیمت گوشی , قیمت تبلت , قیمت کنسول بازی از نمونه کارهای حرفه ای طراحی سایت تیم وب یار می باشد.طراحی سایت فروشگاه تجارت پویا برای مشتریان عزیزی که کسب و کارشان در حوزه های مختلف […]

طراحی فروشگاه اینترنتی جین ایران

فروشگاه اینترنتی جین ایران

طراحی فروشگاه اینترنتی جین ایران طراحی سایت اختصاصی جین ایران عرضه کننده انواع پوشاک زنانه و مردانه در اصفهان از نمونه کارهای حرفه ای طراحی سایت تیم وب یار می باشد.طراحی فروشگاه اینترنتی جین ایران برای مشتریان عزیزی که کسب و کارشان در حوزه های مختلف فروش و عرضه انواع پوشاک و سایر محصولات می […]

طراحی سایت فرهنگی سایت کودک

طراحی سایت فرهنگی کودک خلاق

طراحی سایت فرهنگی کودک خلاق طراحی سایت اختصاصی کودک خلاق با رعایت اصول سئو در کدنویسی از نمونه کارهای حرفه ای طراحی سایت وب یار می باشد. طراحی سایت اختصاصی کودک خلاق برای مشتریان عزیزی که کسب و کارشان در حوزه های فرهنگ و خدماتی است بسیار مناسب می باشد. آدرس سایت جهت مشاهده تمامی […]

طراحی سایت بازرگانی ایراکو

طراحی سایت اختصاصی بازرگانی ایراکو طراحی قالب سایت اختصاصی بازرگانی ایراکو با رعایت اصول سئو در کدنویسی از نمونه کارهای حرفه ای طراحی سایت و سئو سایت وب یار است. این سایت در زمینه ی بازرگانی و تجارت با عراق فعالیت دارد. طراحی سایت بازرگانی ایراکو برای مشتریان عزیزی که کسب و کارشان در حوزه های […]

ارسال دیدگاه

*    

*