تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده


تبلیغات
تبلیغات تبلیغات

آموزش اجرای متد ها در jquery

CSS / HTML , PHP , آموزش طراحی

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

آموزش اجرای متد ها در jquery

خب برسیم به بحث نحوه اجرای متد ها در jquery , در یک کلام بهتر است بگوییم بسیار ساده ! اجرای متد ها در jquery به شکل زیر می باشد :

$(selector).method(option);

در قطعه کد بالا پس از انتخاب المان مربوطه متد یا تابع مورد نظر خودمون رو بر روی اون اجرا می کنیم , که اینجا به جای دستورmethod باید نام متد مورد نظر و به جای دستور option باید تنظیمات مورد نظر آن تابع را وارد نماییم , شما می توانید با مراجعه به : api.jquery.com لیست تمامی توابع و متد های jquery را مشاهده کنید .

حال بهتر است کمی در مورد نحوه تنظیمات یا option های این توابع توضیح دهیم . این option ها در jquery فوق العاده بهینه هستند و بهتر است بگوییم این option ها از هر لحاظ عالی هستند و می توان کارهای عجیبی با آن ها انجام داد , به مثال ساده زیر توجه کنید :

// first option

$(selector).css('color','#FFF');

// second option

$(selector).css(
{
'color':'#FFF',
'background':'#000'
}
);

 

همانطور که در مثال بالا مشاهده می کنید متد اعمال شده برروی هر دو المان یکی می باشد اما مقدار option آن با یکدیگر متفاوت است ! حال ببینیم چه اتفاقی در تنظیمان این متد افتاده است , در دستور option اول ما تنها یک مقدار css داریم که می خواهیم بر روی المان مورد نظر اعمال شود که در این جا ما مقدار color المان انتخاب شده رو به رنگ سفید یا FFF# قرار دادیم اما در مثال دوم ما می خواهیم چند صفت css به المان مورد نظر بدهیم که در این صورت یک مقدار json را به option این متد خواهیم داد .

حال با option های بهینه این فریم ورک فوق العاده آشنا شدیم و حتما هر دستور یا متد jquery که به شما آموزش خواهیم داد option های آن نیز به طور کامل برایتان شرح می دهیم و نکته دیگر این که اگر به دنبال یادگیری این فریم ورک هستین حتما آموزش های قبل و بعدی را دنبال کنید و باید پس از این آموزش ها تمرین و تست کد را هم داشته باشید . تنها در این صورت است که می توانید این فریم ورک عالی را یاد بگیرید .

بسیار خب به پایان یکی دیگر از قسمت های سری آموزش های دوران طراحی وب رسیدیم در جلسات بعدی با معرفی و بررسی متد های jquery کار را دنبال می کنیم

امیدوارم از این آموزش لذت کافی رو برده باشید . در پناه حق

موفق , پیروز و سربلند باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 5 CSS / HTML , PHP , آموزش طراحی
لینک کوتاه مطلب : https://www.20script.ir/?p=1705
کلمات کلیدی پست :
مطالب مرتبط
8,520ایجاد فایل راهنما برای محصولات در وردپرس با افزونه X Docs تاریخ : 2019/03/1
9,548اسکریپت اشتراک گذاری رویداد Events تاریخ : 2017/08/1
7,878اسکریپت مخزن اشتراک گذاری کدها Codeseek تاریخ : 2017/08/4
18,802قالب آپلود سنتر بیست اسکریپت برای کلیجا تاریخ : 2014/05/4
7,794وردپرس نسخه 3.8 منتشر شد تاریخ : 2013/12/13
7,300اسکریپت مدیریت خودروی اشتراکی Carpooling or Ridesharing نسخه 1.4 تاریخ : 2015/12/30
7,114قالب وردپرس چند منظوره Klaus نسخه 1.5.2 تاریخ : 2015/01/9
10,302دانلود اسکریپت کلون سایت DigZip.Com تاریخ : 2014/01/18
8,551پوسته چندمنظوره و کسب و کار Bounce نسخه 2.6.2 برای وردپرس تاریخ : 2016/01/31
10,968اسکریپت دانلودر ویدیو و عکس از شبکه های اجتماعی All Social Media Video Downloader تاریخ : 2019/02/15
61,268تبدیل ریال به تومان در Easy Digital Downloads تاریخ : 2014/10/26
9,038اسکریپت کوتاه کننده لینک ADSHORTX تاریخ : 2014/07/7
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file
تبلیغات