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

آموزش اجرای متد ها در 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
کلمات کلیدی پست :
مطالب مرتبط
11,276قالب HTML مدیریت وب سایت Minovate نسخه 1.8 تاریخ : 2016/01/18
10,385آموزش گام به گام HTML5 تاریخ : 2016/10/28
17,340قالب تدبیر سیستم برای مدیریت هاستینگ Whmcs تاریخ : 2014/05/11
8,630اسکریپت بازی آنلاین و مهیج FlapCat Steampunk تاریخ : 2014/12/8
9,253افزونه آپلود همزمان چندین فایل در وردپرس به صورت Ajax تاریخ : 2015/09/5
10,757سری اول فایل لایه باز آیکون فلش ها تاریخ : 2013/11/29
9,569اسکریپت حرفه ای فروشگاه بازی GameShop تاریخ : 2013/12/23
9,330گالری تصاویر بسیار زیبا جی کوئری تاریخ : 2013/11/26
7,650اسکریپت ایجاد سایت دانلود والپیپر WallScript Pro v1.1.2 تاریخ : 2014/10/22
9,601دانلود اسکریپت جامعه مجازی PHP Social Network Platform v2.2 تاریخ : 2013/12/29
19,108اسکریپت ویدئو پلیر HTML و حرفه ای Ultimate Video Player تاریخ : 2019/04/27
24,984کد نمایش چند تبلیغ بنری در یک مکان به صورت تصادفی تاریخ : 2015/09/19
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
سئو سایت
تبلیغات