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

آموزش JQuery

فهرست

مقدمه

توجه  

معرفی  jQuery

نمونه

پیش نیازهای یادگیری jQUERY

jQuery چیست

در آموزش jQuery به شرح موارد زیر خواهیم پرداخت

آیا jQuery در تمام مرورگرها قابل پیاده سازی می باشد؟

افزودن jQuery به صفحات وب خود

روش اول (دانلود jQuery)

روش جایگزین (استفاده از یک CDN )

Google CDN

Microsoft CDN

ساختار نگارش (syntax) jQuery

ساختار پایه ای jQuery

علامت دلار $

()action

رخداد ready

jQuery Selector

انتخاب گرهای (jQuery Selectors) jQuery

انتخاب گر نام المان (Element selector)

انتخاب گر#id

انتخاب گر اسم کلاس (.class Selector)

نمونه های بیشتر از انتخاب گر های jQuery

قرار دادن متدهای پرکاربرد داخل یک فایل جدا

Event ها-رخدادها در jQuery

چگونگی استفاده از رخدادها در  jQuery

توابع رخداد رایج در jQuery

تابع$(document).ready()

click()

dblclick()

mouseenter()

mouseleave()

mousedown()

mouseup()

hover()

focus()

blur()

on()

جلوه های بصری (effects) jQuery – پنهان/نمایان کردن

توابع hide() و show()

تابع toggle() جی کوئری

نحوه ی نگارش متد toggle()

جلوه های بصری jQuery – پنهان سازی تدریجی یا Fading

تابع  fadeIn()

نحوه ی نگارش

تابع fadeOut()

دستور نگارش

تابع fadeToggle()

دستور نگارش

متد fadeTo()

ساختار نگارش

جلوه های بصری jQuery – ایفکت Slide

توابع مربوط به Slide

تابع slideDown()

متد slideUp()

متد slideToggle()

متحرک سازی (animation) در jQuery

ساختار نگارش

متد animate() جی کوئری – دستکاری چندین خاصیت

متحرک سازی در jQuery-استفاده از مقادیر نسبی

متوقف سازی جلوه های بصری و انیمیشن ها در jQuery

نحوه ی نگارش

توابع callback جی کوئری

توابع callback جی کوئری

نحوه ی نگارش

نمونه های استفاده از توابع callback

زنجیره سازی جلوه های بصری (تنظیم چندیدن ایفکت)

توجه

نکته

jQuery – بازگردانی محتوا و خصیصه ها

دستکاری المان های HTML بر مبنای مدل شی گرای سند (DOM)

مدل شی گرای سند (Document Object Model)

بازگردانی محتوا – text()، html() و val()

بازیابی مقدار یک خاصیت

jQuery – تنظیم و مقداردهی محتوا و خصیصه ها

توابع text()،html() و val()

استفاده از ()text و ()html و ()val به همراه تابع callback

تنظیم مقدار خصیصه ها - attr()

استفاده از ()attr به همراه تابع callback

jQuery – افزودن المان ها

افزودن محتوای جدید HTML

متد ()append

متد prepend()

افزودن چندین المان جدید با استفاده از متدهای append() و prepend()

متدهای after() و before()

اضافه کردن چند عنصر جدید با متدهای ()after و ()before

jQuery – حذف المان های موجود

حذف محتوا/المان

متد remove()

متد empty()

فیلتر کردن المان های انتخاب شده برای حذف

jQuery – بازیابی و تنظیم کلاس های CSS (مدیریت ظاهر عناصر)

دستکاری CSS

متد addClass()

متد removeClass()

متد toggleClass()

متد css()

بازگردانی مقدار خاصیت css

تنظیم یک خصوصیت CSS

تنظیم چندین خاصیت CSS

jQuery – کار با ابعاد

توابع کار با ابعاد jQuery

ابعاد در جی کوئری

متدهای width() و height() جی کوئری

توابع innerWidth() و innerHeight() جی کوئری

متدهای ()outerWidth و ()outerHeight جی کوئری

نمونه های بیشتر از دو متد ()width و ()height

jQuery – پیمایش (travesring)

پیمایش (Traversing) DOM مدل شی گرای سند

پیمایش در jQuery – پیدا کردن عنصر جد (Ancestor)

پیمایش درخت DOM به سمت بالا

متد parent()

متد parents()

متد parentsUntil()

پیمایش در jQuery – پیدا کردن نوه های یک المان

پیمایش درخت DOM به سمت پایین

متد ()children

متد ()find

jQuery – یافتن عناصر خواهر و برادر

پیمایش ردیفی درخت DOM

متد siblings()

متد next()

متد nextAll()

متد nextUntil()

متد های ()prev() ,prevUntill() ,prevAll در jQuery

پیمایش در jQuery – فیلترینگ و محدود کردن جستجو

متد first()

متد last()

متد eq()

متد ()filter

متد ()not

تکنولوژی ajax و کاربرد آن در jQuery

مثالی از jQuery و AJAX

AJAX چیست ؟

چرا توصیه می شود jQuery و AJAX را با هم بکار ببریم؟

متد  load()در Ajax و کاربرد آن در jQuery

ساختار نگارش

توابع get() و post()

متد $.get()

ساختار نگارش

متد $.post()

ساختار نگارش

متد noConflict()