رنگینه

طراحی سایت, آموزش و خدمات فناوری اطلاعات


jQuery

توسط متد append در jQuery می توانید یک متن را به ادامه یک پاراگراف دیگر اضافه نمایید . متن اضافه شده به ادامه پاراگراف اضافه می شود نه اینکه در سطر بعد ( برخلاف متد ( ) after ) .
از این متد برای زمانی استفاده می شود که بخواهید یک متن را به ادامه یک پاراگراف موجود در صفحه اضافه نمایید .
شکل کلی استفاده از این متد به شرح زیر است :

Rated 5 / 5 based on 5 reviews.

 

از متد before در jQuery برای وارد نمودن یک متن یا پاراگراف در سطر قبلی یک پاراگراف استفاده می شود .
این متد متن مورد نظر شما را به سطر قبلی پاراگراف تعیین شده در صفحه ، اضافه می کند .
شکل کلی استفاده از این متد به شرح زیر است :

Rated 5 / 5 based on 5 reviews.

متد attr در jQuery ، برای 2 منظور می تواند به کار برده شود :

Rated 5 / 5 based on 5 reviews.
Rated 5 / 5 based on 5 reviews.

ه وسیله متد after در jQuery ، می توانید محتویات مورد نظر خود ( می تواند شامل متن یا تگ های HTML باشد ) را پس از عنصر مورد نظر خود ، در صفحه HTML وارد نمایید .
برای مثال فرض کنید که یک پاراگراف در صفحه دارید . به وسیله این متد می توانید یک پاراگراف یا یک تگ دیگر HTML را پس از آن عنصر ، به صفحه اضافه نمایید .
شکل کلی استفاده از این متد به شرح زیر است :

Rated 5 / 5 based on 5 reviews.

این افکت همانند یک عملگر دوجانبه بین دو افکت slideUp و slideDown بر روی عنصر مورد اثر خود عمل می کند .
به عبارت دیگر افکت slideToggle ابتدا وصغیت نمایش و یا عدم نمایش عنصر را بررسی کرده و در صورتی که  آن عنصر نمایان باشد ، با کاهش تدریجی ارتفاع آن باعث مخفی شدن عنصر می شود . و چنانچه عنصر مخفی باشد با افزایش تدریجی ارتفاع آن ، عنصر را نمایان می سازد .
این افکت کاربرد بسیار سودمندی می تواند داشته باشد . به وسیله آن می توانید این اختیار را به کاربر بدهید تا عناصری را که می خواهد در صفحه مخفی کرده و یا آنها را نمایان سازد .

Rated 5 / 5 based on 5 reviews.

این افکت با کاهش تدریجی ارتفاع یک عنصر باعث مخفی شدن آن می شود . در واقع این افکت این کار را در قالب یک افکت تصویری انجام می دهد .
شکل کلی استفاده از این متد به شرح زیر است :

Syntax $ ( " selector " ).slideUp ( speed , callback )

توضیح هر یک از موارد syntax :

Rated 5 / 5 based on 5 reviews.

این افکت با افزایش تدریجی ارتفاع یک عنصر مخفی ، آن را از حالت مخفی به حالت نمایان در می آورد . در واقع این افکت این کار را در قالب یک افکت تصویری انجام می دهد . بدیهی است این افکت بر روی عنصری موثر است که در ابتدا مخفی باشد .
این افکت بر روی عناصری که با یکی از افکت های hide یا fadeOut در jQuery مخفی شده اند و یا خاصیت display آنها در css برابر با none باشد ، اثر خواهد داشت .
شکل کلی استفاده از این متد به شرح زیر است :

Rated 5 / 5 based on 5 reviews.

این افکت عنصری که مخفی است را نمایان می کند . عملکرد این افکت همانند افکت fadeIn می باشد . بدیهی است عنصری که با این افکت نمایان می شود باید در ابتدا مخفی باشد .
این افکت بر روی عناصری که با یکی از افکت های hide یا fadeOut در jQuery مخفی شده اند و یا خاصیت display آنها در css برابر با none باشد ، اثر خواهد داشت .
شکل کلی استفاده از این متد به شرح زیر است :

Rated 5 / 5 based on 5 reviews.

این افکت باعث مخفی شدن عنصر مورد نظر می شود . عمکلرد این افکت بسیار شبیه به افکت fadeOut می باشد . بوسیله این افکت برای مثال می توانید این اختیار را به کاربر بدهید تا عناصری را که در صفحه لازم ندارد ، مخفی کند .
شکل کلی استفاده از این متد به شرح زیر است :

Rated 5 / 5 based on 5 reviews.

افکت ( ) fadeTo در jQuery :

این متد میزان شفافیت و وضوح نمایش یک عنصر را به تدریج به یک مقدار تعیین شده از سوی کاربر تغییر می دهد .
به عبارت دیگر این افکت میزان نور نمایش یک عنصر را کم یا زیاد می کند . شکل کلی استفاده از این متد به شرح زیر است :

Rated 5 / 5 based on 5 reviews.

افکت ( ) fadeOut در jQuery :

این افکت باعث می شود تا عنصر مورد اثر آن به تدریج از حالت نمایان به حالت مخفی در بیاید .این افکت در یک افکت تصویری با کم کردن نور عنصر به تدریج باعث مخفی شدن آن از دید کاربر می شود .
شکل کلی استفاده از این متد به شرح زیر است :

Rated 5 / 5 based on 5 reviews.

لیست افکت ها ( effects ) در jQuery :

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

Rated 5 / 5 based on 5 reviews.

افکت ( ) fadeIn در jQuery :

این افکت باعث می شود تا عنصر مورد اثر آن به تدریج از حالت مخفی به حالت نمایان در بیاید .این افکت در یک افکت تصویری با زیاد کردن نور عنصر به تدریج باعث نمایان شدن آن می شود .
بدیهی است این افکت بر روی عناصری قابل اجراست که در ابتدا مخفی باشند . شکل کلی استفاده از این متد به شرح زیر است :

Rated 5 / 5 based on 5 reviews.

رویداد ( ) focusin در jQuery :

Rated 5 / 5 based on 5 reviews.

رویداد ( ) focus در jQuery :

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

Rated 5 / 5 based on 5 reviews.

رویداد ( ) change در jQuery :

رویداد change زمانی اتفاق می افتد که در کنترل یا عنصر مورد نظر تغییری ایجاد می شود . این رویداد معمولا برای کنترل هایی مثل کادر متن ، گزینه های انتخاب و یا منوهای کرکره ایی که محتویات یا حالات آنها قابل تغییر هستند ، به کار می رود .
زمانی که شما متن یک کنترل متن را تغییر داده و یا گزینه یک کادر انتخابی را عوض می کنید ، رویداد change اتفاق می افتد . شکل کلی استفاده از این متد به شرح زیر است :

Rated 5 / 5 based on 5 reviews.

رویداد ( ) blur در jQuery :

Rated 5 / 5 based on 5 reviews.

رویداد ( ) dblclick در jQuery :

رویداد dblclick زمانی اتفاق می افتد که کاربر بر روی عنصر مورد نظر دابل کلیک نماید . با این رویداد برای مثال می توان کدی طراحی کرد که در هنگام دابل کلیک کاربر بر روی یک عنصر رنگ پس زمینه آن عوض شده و یا عنصر مخفی شود .
شکل کلی استفاده از این متد به شرح زیر است :

Rated 5 / 5 based on 5 reviews.

رویداد ( ) click در jQuery :

رویداد click زمانی اتفاق می افتد که کاربر بر روی عنصر مورد نظر کلیک نماید . با این رویداد برای مثال می توان کدی طراحی کرد که در هنگام کلیک کاربر بر روی یک عنصر رنگ پس زمینه آن عوض شده و یا عنصر مخفی شود .
شکل کلی استفاده از این متد به شرح زیر است :

Rated 5 / 5 based on 5 reviews.

لیست رویدادها ( events ) در jQuery :

در این بخش به معرفی مهمترین و پرکاربردترین رویدادهای زبان jQuery می پردازیم . در بخش قبل گفتیم رویدادها اتفاقاتی هستند که بر روی عناصر موجود در صفحات وب انجام می شوند مثل کلیک کردن و یا عبور موس از روی آن . شما می توانید کدهای مورد نظر خود را طوری طراحی کنید که پس از اجرای یک رویداد خاص اجرا شوند .
لیست زیر شامل مهمترین رویدادهای jQuery می باشد . برای دریافت اطلاعات و مشاهده مثال های عملی روی نام هر کدام کلیک نمایید :

Rated 5 / 5 based on 5 reviews.

رویدادها ( events ) در jQuery :

Rated 5 / 5 based on 5 reviews.

انواع انتخاب کننده ها در jQuery :

Rated 5 / 5 based on 5 reviews.

ساختار دستوری jQuery :

در قسمت مقدمه ، شما را با یک مثال از زبان jQuery آشنا کردیم . دراین فسمت قصد داریم تا ساختار کلی jQuery را به شما آموزش دهیم .
در jQuery شما بیستی ابتدا عنصر یا عناصری که می خواهید در صفحه تغییر دهید ، را انتخاب کنید . سپس متد مورد نظرتان را بر روی آن اجرا نمایید . ساختار کلی دستور jQuery به صورت زیر است :

Rated 5 / 5 based on 5 reviews.

jQuery چیست ؟

Rated 5 / 5 based on 5 reviews.

Rated 5 / 5 based on 5 reviews.

درباره رنگینه !رنگینه را به خاطر داشته باشید!

به سایت رنگینه خوش آمدید.

خدمات ما در حال حاضر شامل مشاوره، طراحی و راه اندازی سایت با سیستم مدیریت محتوای دروپال، سیستم فروشگاهی وردپرس ایجاد و ویرایش افزونه های سیستم های بر پایه php و ارائه پنل های پیام کوتاه می باشد.

همچنین این سایت را محلی برای ارائه آموزش ها و تجربیات خود در زمینه IT کرده ایم تا بازدیدکنندگان و طراحان سایت بتوانند از این آموزش ها و تجربیات استفاده کنند.

هدف ما طراحی و ارائه سایت های به روز، کارآمد و با استفاده از تکنولوژی های جدید می باشد. برای شروع یک سایت کارآمد می توانید با ما تماس بگیرید.

ما با استفاده از تکنولوژی های جدید css و jQuery سعی داریم آنچه را که مد نظر شما هست یا به نحو بهتر پیاده سازی کنیم. امیدواریم از بودن با ما رضایت خاطر داشته باشید.