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





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

آموزش اجرای متد ها در 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 کار را دنبال می کنیم

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

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
ثبت نام در بروکر فارکس با قابلیت واریز و برداشت به صورت ریالی کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 5 CSS / HTML , PHP , آموزش طراحی
لینک کوتاه مطلب : https://www.20script.ir/?p=1705
کلمات کلیدی پست :
مطالب مرتبط
5,434افزودن تصویر شاخص به خوراک وردپرس تاریخ : 2014/10/15
21,225افزونه چند زبانه کردن سایت با WPML نسخه 3.3.7 به همراه افزودنی ها تاریخ : 2016/04/7
10,786دانلود قالب جدید برگ گراف برای وردپرس تاریخ : 2015/10/6
8,166دانلود قالب شخصی DW Timeline فارسی برای وردپرس تاریخ : 2015/09/17
18,584ابزارک دسته بندی ووکامرس به صورت درختی (اکوردئون) تاریخ : 2017/11/10
9,972اسکریپت تقویم و رویدادها Promoter تاریخ : 2016/02/12
7,538دانلود اولین قالب وردپرس دانلودها تاریخ : 2014/08/19
10,269اسکریپت مدیریت مدارس EZ SchoolMate تاریخ : 2017/08/23
13,244افزونه وردپرس اسلایدر پیشرفته با اكوردئون نسخه 2 تاریخ : 2015/02/24
14,383اسکریپت خدماتی ایجاد نظرسنجی حرفه ای Pro Polls تاریخ : 2017/10/11
19,118اسکریپت فارسی مدیریت آگهی و تبلیغات OpenPHP نسخه 1.7 تاریخ : 2014/09/20
12,308قالب وردپرس مجله خبری Flex Mag فارسی نسخه 1.10 تاریخ : 2016/07/13
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات