کتاب آموزش گام به گام Jquery UI به زبان فارسی

دوره آموزش jquery

فهرست

مقدمه

توجه

بررسی اجمالی JqueryUI

ویژگی ها

مزایای JqueryUI

آموزش JqueryUI

بینندگان

پیش نیازها

JqueryUI - Environment Setup

دانلود خاص با Download Builder

دانلود پایدار

دانلود legacy

دانلود UILibrary از CDNs

قابل جابجایی

متد draggable()  به دو فرم زیر مورد استفاده قرار می گیرد

متد $(selector, context).draggable (options)

متد $(selector, context).draggable ("action", [params])

JqueryUI - Droppable

متد droppable()  به دو روش مورد استفاده قرار می گیرد

متد $(selector, context).droppable (options)

متد $(selector, context).droppable ("action", params)

JqueryUI - Resizable

متد resizable()  به دو شکل مورد استفاده قرار می گیرد

متد $(selector, context).resizable (options)

متد $(selector, context).resizable ("action", params)

متد selectable در  Jquery UI

متد  selectable() به دو شکل مورد استفاده قرار می گیرد

متد $(selector, context).selectable (options)

متد $(selector, context).selectable ("action", params)

JqueryUI - Sortable

متد به دو فرم مورد استفاده قرار می گیرد

متد $(selector, context).sortable (options)

متد $(selector, context).sortable ("action", [params])

Accordion Widget

متد accordion()  به دو فرم استفاده می شود

متد $(selector, context).accordion (options

متد $(selector, context).accordion ("action", params)

JqueryUI - Autocomplete

متد autocomplete() به دو فرم زیر استفاده می شود

متد $(selector, context).autocomplete (options)

متد $(selector, context).autocomplete ("action", params)

JqueryUI - Button

متد button()  می تواند به دو شکل زیر استفاده می شود

متد $(selector, context).button (options)

متد $(selector, context).button ("action", params)

JqueryUI - Datepicker

متد datepicker()  به دو شکل زیر مورد استفاده قرار می گیرد

متد $(selector, context).datepicker (options)

متد $(selector, context).datepicker ("action", [params])

JqueryUI - Dialog

متد dialog() به دو فرم زیر استفاده می شود

متد $(selector, context).dialog (options)

متد $(selector, context).dialog ("action", [params])

JqueryUI – Menu

متد menu() به دو شکل مورد استفاده قرار می گیرد

متد $(selector, context).menu (options)

متد $(selector, context).menu ("action", params)

JqueryUI - Progressbar

متد progressbar()  به دو روش زیر انجام می شود

متد $(selector, context).progressbar (options)

متد $(selector, context).progressbar ("action", params)

JqueryUI - Slider

متد slider ()  به دو فرم قابل استفاده می باشد

متد $(selector, context).slider (options)

متد $(selector, context).slider ("action", params)

JqueryUI - Spinner

متد  spinner() به دو فرم زیر قابل استفاده می باشد

متد $(selector, context).spinner (options)

متد $(selector, context).spinner ("action", params)

Extension Points

JqueryUI - Tooltip

متد به دو فرم زیر قابل استفاده می باشد

متد $(selector, context).tooltip (options)

متد $(selector, context).tooltip ("action", [params])

JqueryUI - Position

JqueryUI - Widget Factory

ترکیب

Base Widget

گزینه ها

متدها

Events

افزودن گزینه ها به custom widget

افزودن متدها به custom widget

افزودن رویدادها به Custom Widget

JqueryUI - Add Class

متد  addClass() به شکل زیر می باشد

JqueryUI - Color Animation

ترکیب

JqueryUI - Effect

متد effect() دارای ترکیب زیر می باشد

افکت های jQueryUI

افکت – حرکت

افکت – انفجار

JqueryUI – Hide

متد hide() دارای ترکیب زیر است

افکت های jQueryUI

افکت – Blind

افکت – shake

JqueryUI - Remove Class

متد removeClass()  با ترکیب اصلی خود به شکل زیر می باشد

مثال

Passing single class

JqueryUI - Show

متود show()  دارای ترکیب زیر است

افکت های jQueryUI

مثال

نمایش با افکت Blind

JqueryUI - Switch Class

متد switchClass()  دارای ترکیب اصلی زیر می باشد

JqueryUI- toggle

متد toggle() دارای ترکیب زیر می باشد

افکت های jQueryUI

مثال

JqueryUI - Toggle Class

متد toggleClass()  دارای ترکیب پایه ی خود به شکل زیر می باشد

مثال