031- 344 500 60

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

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

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

تاریخ:۱۷ام مهر ۱۳۹۶
رعنا زارع
46

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

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

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

می باشد .

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

درباره نویسنده :
رعنا زارع

مطالب مرتبط

طراحی سایت فروش و تبلیغات مبلمان

طراحی سایت فروش و تبلیغات مبلمان

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

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

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

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

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

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

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

طراحی سایت آموزشی AZ کنکور

طراحی سایت آموزشی AZ کنکور

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

ارسال دیدگاه

*    

*    

ارتباط با تیم پشتیبانی وب یار

تمام پشتیبان ها در حال پاسخ به مشتریان هستند. لطفا درخواست خود را ارسال نمایید تا در کوتاه ترین زمان ممکن با شما تماس بگیریم.

چه کمکی از تیم وب یار بر می آید ، با ما در میان بگذارید

برای گفتگو کلید ENTER را بفشارید