مقداردهی عناصر در jQuery
تنظیم محتوایِ عناصر HTML
برای تنظیم محتوی در jQuery، همانند مطلب قبل، از متدهای زیر استفاده می شود:
- ()text - محتوای عنصر/عناصر انتخاب شده را تنظیم یا برمی گرداند.
- ()html - محتوای عنصر/عناصر انتخاب شده را تنظیم یا برمی گرداند. (همراه با تگ های HTML)
- ()val - محتوای فیلد/فیلدهای انتخاب شده داخل یک فرم را تنظیم یا برمی گرداند.
در مثال زیر، چگونگی تنظیم محتوی، با استفاده از متدهای ()text و ()html و ()val نشان داده شده است:
مثال (مقداردهی عناصر در jQuery)
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});
متدهای ()text و ()html و ()val همراه با تابع callback
می توان سه متد ()text و ()html و ()val را همراه با تابع callback استفاده نمود. تابع callback دو پارامتر دارد:
- index - شماره عنصر جاری در لیست عناصر انتخاب شده
- origValue - مقدار قبلی خصوصیت
در نهایت با استفاده از دستور return مقدار جدیدی را که در نظر دارید، تنظیم می کنید.
در مثال زیر، متدهای ()text و ()html همراه با تابع callback نشان داده شده است:
مثال (مقداردهی عناصر در jQuery)
$("#test1").text(function(i,origText){
return "Old text: " + origText + " New text: Hello world!
(index: " + i + ")";
});
});
$("#btn2").click(function(){
$("#test2").html(function(i,origText){
return "Old html: " + origText + " New html: Hello <b>world!</b>
(index: " + i + ")";
});
});
تنظیم مقدار یک خصوصیت
در jQuery برای تغییر/تنظیم مقدار برای یک خصوصیت از متد ()attr استفاده می شود.
در مثال زیر، مقدار خصوصیت href در تگ <a> با شناسه "w3s" با کلیک روی دکمه، تغییر داده می شود:
مثال (مقداردهی عناصر در jQuery)
$("#w3s").attr("href","http://www.w3schools.com/jquery");
});
در متد ()attr، می توان همزمان چند خصوصیت را مقدار دهی نمود.
در مثال زیر، چگونگی تنظیم خصوصیت های href و title بطور همزمان نشان داده شده است:
مثال (مقداردهی عناصر در jQuery)
$("#w3s").attr({
"href" : "https://beyamooz.com",
"title" : "Beyamooz jQuery"
});
});
متد ()attr همراه با تابع callback
می توان متد ()attr را همراه با تابع callback استفاده نمود. تابع callback دو پارامتر دارد:
- index - شماره عنصر جاری در لیست عناصر انتخاب شده
- origValue - مقدار قبلی خصوصیت
در نهایت با استفاده از دستور return مقدار جدیدی را که برای خصوصیت در نظر دارید، تنظیم می کنید.
در مثال زیر، متد ()attr همراه با تابع callback نشان داده شده است:
مثال (مقداردهی عناصر در jQuery)
$("#w3s").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});
jQuery HTML Reference
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 21818