0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی 09133886881 احمدپور

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

نویسنده رعنا زارع
امتیاز مطلب
تعداد بازدید 173
تاریخ بروزرسانی ۱۷ مهر ۱۳۹۶

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

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

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

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

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

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

می باشد .

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

مطالب مرتبط
مطالعه :

ثبت نام ایران خودرو و ثبت نام سایپا یکی از پر درآمدترین کار های توافقی است که شما در این آموزش یادخواهید گرفت. با توجه به اینکه ثبت نام ایران خودرو تغییر یافته و همچنین ثبت نام سایپا به دو روش جدید انجام می گیرد در روش قدیم ثبت نام خودرو و روش جدید ثبت نام سایپا و ایرانخودرو با ما همراه باشید.

سئو سایت اصفهان
مطالعه : 20 دقیقه

سئو سایت اصفهان یکی از خدمات تیم طراحی سایت و سئو سایت وب یار می باشد. آیا تا کنون به سئو سایت خود فکر کرده اید؟ آیا می دانید برای بهینه سازی سایت خود چه فاکتورهایی را باید در نظر بگیرید؟

طراحی سایت حرفه ای در اصفهان
مطالعه :

در کلاس آموزش طراحی سایت اصفهان، طراحی وب سایت را به صورت عملی و پروژه محور به شما یاد خواهیم داد. طراحی سایت هم مثل هر تخصص دیگری باید به صورت عملی صورت گیرد تا بعداً بتوانید در بازار کار مشغول به فعالیت شوید.

تغییر پیش شماره های اصفهان
مطالعه :

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

آرایه ها در جاوا اسکریپت
مطالعه : 8 دقیقه

آرایه ها در جاوا اسکریپت جلسه هفتم     بعد از یادگیری انواع داده ها در جاوا اسکریپت نوبت به بحث آرایه ها میرسد که در این مطلب به توضیح موارد زیر که برای بحث آرایه ها در جاوا اسکریپت می باشد می پردازیم.   • آرایه چیست؟ • شکل کلی آرایه • نحوه ی دسترسی به آرایه • متدهای آرایه • متد ()length • متد()concat • متد ()join • متد ()pop • متد ()Push • متد ()splice • متد ()Slice   آرایه چیست؟ آرایه یک نوع خاص از متغیر ها است که با یک نام و نوع داده می توان چندین مقدار را در آن ذخیره کرد ، استفاده می شود. شکل کلی آرایه شکل کلی آرایه به صورت زیر می باشد که array-name نام آرایه است و item آیتم های آرایه می باشد. var array-name = [item1, item2, …]; می خواهیم آرایه ای برای فروشندگان تعریف کنیم که در هر جای دیگر احتیاج به مشخصات فروشندگان داشتیم نیازی به تکرار همه ی اطلاعات نداشته باشیم. در مثال زیر میبینید که نام آرایه shop می باشد ‎و محصولات با نام های مربوطه در قسمت item نوشته شدند. <p id=”demo”>pen,eraiser,ball</p> <script> var shop = [“pen”, “eraiser”, “ball”]; document.getElementById(“demo”).innerHTML = shop; </script> اولین خانه ی آرایه با محتوای والیبال پر می شود. می دانیم که خانه های آرایه از 0 شروع […]

فریم ورک های جاوا اسکریپت
مطالعه : 10 دقیقه

 Best Javascript Frameworks 2019   منظور از فریم ورک جاوا اسکریپت چیست؟ در دنیای برنامه نویسی و توسعه، عبارت « فریم ورک جاوا اسکریپت » به کتابخانه ای از جاوا اسکریپت اشاره می کند که رابط های کاربری تعاملی و داده محور ارائه می دهد. این فریم ورک ها به گونه ای طراحی شده اند که در هنگام ایجاد تعامل با استفاده از یک برنامه یا رابط، به تهیه داده برای کاربران کمک می کنند. فریم ورک های جاوا اسکریپت با یکدیگر متفاوت اند اما هدف نهایشان یکی است: نمایش داده های جدید به محض اینکه کاربر، یک اقدام تعاملی را آغاز می کند. با تیم طراحی سایت اصفهان وب یار همراه باشید تا مروری بر ویژگی های محبوب چند مورد از فریم ورک های جاوا اسکریپت داشته باشیم.   خصوصیات فریم ورک های جاوا اسکریپت   1) موثر بودن: شما می توانید برنامه های موبایل، دسکتاپ و یا سایر رابط های کاربری سطح بالا را در مدت چند هفته و یا حتی چند روز بسازید! 2) امن بودن: همه فریم ورک های رایج و محبوب جاوا اسکریپت دارای تنظیمات امنیتی مطمئن هستند. طیف وسیعی از برنامه نویسان، تست کنندگان و کاربران نیز از این فریم ورک ها پشتیبانی می کنند. 3) کم هزینه بودن بیشتر فریم ورک های جاوا اسکریپت به صورت متن باز (open-source) و رایگان هستند که […]

دیدگاه ها

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *