آموزش set content در jquery

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

کلیه ی توابع تشریح شده در مبحث قبلی را برای تنظیم محتوا (set content) بکار می بریم:

• ()Text: محتوای المان های انتخابی را تنظیم و بازمی گرداند.
• ()html:محتوای المان های انتخابی را مقداردهی کرده یا برمی گرداند. (همراه با تگ های HTML)
• ()val:محتوای فیلدهای انتخاب شده داخل یک فرم را مقداردهی کرده یا بازگردانی می نماید.

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

این امکان وجود دارد که سه متد ()val، ()html و ()text را همراه با تابع callback استفاده کرد. تابع callback دو پارامتر دارد: index - شماره ی المان جاری در فهرست عناصر انتخابی و origValue - مقدار اصلی (پیشین) خاصیت. سپس با استفاده از دستور return رشته ی ای را که مورد نظراتان است به عنوان مقدار جدید مورد استفاده قرار دهید را از تابع باز می گردانید (مقدار جدیدی را که در نظر دارید، set می کنید).
در این نمونه متدهای ()text و ()html همراه با تابع callback بکار برده شده اند:

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

برای دستکاری یا تنظیم مقدار برای یک خصیصه از متد ()attr استفاده می شود.
در نمونه ی زیر مقدار خصیصه ی href در عنصر <a> با شناسه (id) "w3s" با کلیک روی دکمه عوض می شود:

متد یاد شده همچنین به شما اجازه می دهید چندین خصیصه را به طور همزمان مقداردهی کنید.
مثال زیر چگونگی مقداردهی هر دو خصیصه ی href و title را به طور همزمان، نمایش می دهد:

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

شما می توانید متد ()attr را به همراه تابع callback مورد استفاده قرار دهید. تابع callback دو پارامتر دارد:
1- index : شماره ی المان فعلی در فهرست عناصر انتخابی
2- origValue : مقدار اصلی (قبلی) خصیصه
سپس با بهره گیری از دستور return مقدار جدیدی را که برای خصیصه ی مربوطه در نظر گرفته اید تنظیم می کنید.
در نمونه ی پیش رو متد ()attr همراه با تابع callback نمایش داده شده است: