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

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

آموزش اجرای متد ها در 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
کلمات کلیدی پست :
مطالب مرتبط
26,657لیست توابع مهم و پرکاربرد افزونه ایزی دیجیتال دانلود تاریخ : 2016/06/2
7,830افزونه نوار پروژه های در حال انجام حرفه ای تاریخ : 2014/04/4
8,777آموزش گام به گام HTML5 تاریخ : 2016/10/28
8,281اسکریپت دایرکتوری ایجاد سایت نیازمندی ها و ثبت آگهی Codebase Business Directory Pro تاریخ : 2016/07/15
7,046اسکریپت فروشگاه ماشین Car Dealer v1.0.8 تاریخ : 2014/01/23
6,289مجموعه ای از دکمه های شبکه اجتماعی بسیار زیبا CSS3 تاریخ : 2014/01/16
6,396اسکریپت مترجم وبسایت You Translate تاریخ : 2016/01/12
11,542جستجو و نمایش اطلاعات IP با اسکریپت jQuery IP lookup تاریخ : 2017/09/28
13,695دانلود پوسته هاستینگ Arka Host برای وردپرس و WHMCS تاریخ : 2019/05/21
3,916اسکریپت راه اندازی وبسایت عکاسی Maro Phpotographer تاریخ : 2020/08/22
5,994افزونه مترجم وب سایت به صورت آژاکس برای وردپرس تاریخ : 2016/11/3
6,179اسکریپت نمایش توضیحات متنی بر روی تصاویر Hotspot Map تاریخ : 2015/10/31
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات