آموزش jQuery
بستن دسته بندی
دسته بندی ها ( ۴۶ آموزش )
لیست همه کلیدهای این موضوع
نمایش دسته بندی ها (۴۶ آموزش)
مباحث اولیه، در jQuery
مباحث اولیه، در jQuery
10
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در jQuery
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در jQuery
2
کلاس های (Class) عنصرها، در jQuery
کلاس های (Class) عنصرها، در jQuery
1
id عنصرها، در jQuery
id عنصرها، در jQuery
0
رویدادها (Event)، در jQuery
رویدادها (Event)، در jQuery
6
چک کردن محتوای صفحه، در jQuery
چک کردن محتوای صفحه، در jQuery
0
تغییر محتوای صفحه، در jQuery
تغییر محتوای صفحه، در jQuery
8
بچه های (Child) عنصرها، در jQuery
بچه های (Child) عنصرها، در jQuery
1
رنگ ها (Color) و تعیین رنگ، در jQuery
رنگ ها (Color) و تعیین رنگ، در jQuery
1
فرم ها (Form)، در jQuery
فرم ها (Form)، در jQuery
3
دکمه ها (Button)، در jQuery
دکمه ها (Button)، در jQuery
1
اندازه عنصرها و بخش های صفحه، در jQuery
اندازه عنصرها و بخش های صفحه، در jQuery
6
کلیک کردن (Click)، در jQuery
کلیک کردن (Click)، در jQuery
0
اسکرول (Scroll)، در jQuery
اسکرول (Scroll)، در jQuery
2
کار با کل صفحه، در jQuery
کار با کل صفحه، در jQuery
1
تکنیک AJAX ، در jQuery
تکنیک AJAX ، در jQuery
2
مباحث عمومی، در jQuery
مباحث عمومی، در jQuery
2

تغییر دادن مقادیر مشخصه های (attribute) عنصرهای صفحه، با روش attr ، در jQuery

با استفاده از روش attr در jQuery ، می توانیم مقادیر مربوط به مشخصه های (attribute) عنصرهای صفحه را تغییر دهیم.

به مثال زیر توجه کنید :

مثال

در صفحه HTML زیر، با استفاده از تگ img ، یک عکس (image) را نمایش داده ایم و با استفاده از مشخصه های width و height برای آن، عرض و طول عکس را مشخص نموده ایم. همچنین یک دکمه (button) نیز ساخته ایم که هنگام کلیک بر روی آن، کدهای jQuery اجرا می شوند. در کدهای jQuery ، با استفاده از روش attr ، با تغییر مقدار تعیین شده برای مشخصه width از تگ img ، عرض مربوط به عکس را تغییر می دهیم :

همان طور که در کد بالا مشاهده می کنید، تگ img دارای id برابر kelidestan_image می باشد :

و تگ button که برای ساخت دکمه به کار رفته، دارای id برابر kelidestan_button می باشد :

سپس در کدهای jQuery ، تگ های img و button را بر اساس id آنها شناسایی کرده و تعیین کرده ایم که با کلیک بر روی دکمه (button)، کدهای jQuery اجرا شوند :

بنابراین با کلیک بر روی دکمه (button)، کدهای jQuery زیر اجرا خواهند شد :

در کد بالا، با استفاده از روش attr ، مقدار مشخصه width برای تگ img دارای id برابر kelidestan_image را به مقدار 400 تغییر داده ایم که باعث می شود عکس نمایش داده شده توسط آن، با عرض دو برابر (نسبت به مقدار قبلی آن که برابر 200 بود)، نمایش داده شود.

نتیجه :

بر روی دکمه (button) کلیک نمایید تا عرض عکس، دو برابر شود :

خطا - صفحه را دوباره بارگذاری کنید
نکته

با استفاده از روش attr در jQuery ، می توانیم به صورت همزمان، دو یا چند مشخصه (attribute) از یک عنصر در صفحه را تغییر دهیم.

به مثال زیر توجه کنید :

مثال

همان مثال قبل را تکرار می کنیم و این بار، دو مشخصه width و height را تغییر خواهیم داد تا طول و عرض عکس به صورت همزمان، تغییر کنند (مقدار آنها را دو برابر می کنیم) :

این بار، روش attr به صورت زیر به کار رفته است :

نتیجه :

بر روی دکمه (button) کلیک نمایید تا عرض و طول عکس، دو برابر شود :

خطا - صفحه را دوباره بارگذاری کنید

کپی برداری توسط سایر وب سایت ها، ممنوع بوده و پیگرد قانونی دارد. (بیشتر بدانید)

نویسنده علیرضا گلمکانی
شماره کلید 26235
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو