مثال‌های jQuery

با مثال‌ها مهارت jQuery خود را افزایش دهید!

مثال‌های نحوی jQuery

$("this").hide()
نمایش تابع hide() jQuery، پنهان کردن عنصر HTML فعلی
$("p").hide()
نمایش تابع hide() jQuery، پنهان کردن تمام عناصر <p>
$(".test").hide()
نمایش تابع hide() jQuery، پنهان کردن تمام عناصر با class="test"
$("#test").hide()
نمایش تابع hide() jQuery، پنهان کردن عنصر با id="test"

توضیحات مثال

پنهان کردن - حرکت - محو کردن

jQuery fadeOut()
نمایش ساده‌ی تابع jQuery fadeout()
jQuery hide()
نمایش ساده‌ی تابع jQuery hide()
توضیحات پنهان
نمایش نحوه پنهان کردن بخشی از متن
Slide panel
نمایش ساده‌ی اثر Slide Panel
jQuery animate()
نمایش ساده‌ی تابع jQuery animate()

توضیحات مثال

عملیات HTML

محتوای عنصر HTML را تغییر دهید。

محتوای جدید را به عنصر HTML اضافه کنید。

محتوای جدید را در پس از عنصر HTML اضافه کنید。

توضیحات مثال

عملیات CSS

تغییر ویژگی‌های CSS عناصر HTML。

تغییر چندین ویژگی CSS。

دسترسی به ویژگی‌های CSS عناصر。

توضیحات مثال

AJAX و jQuery

از $(selector).load(url) برای تغییر محتوای HTML استفاده کنید。

از $.ajax(options) برای تغییر محتوای HTML استفاده کنید。

توضیحات مثال