سبد (0)

تبلیغات

مقداردهی عناصر در jQuery

تنظیم محتوایِ عناصر HTML

برای تنظیم محتوی در jQuery، همانند مطلب قبل، از متدهای زیر استفاده می شود:

  • ()text - محتوای عنصر/عناصر انتخاب شده را تنظیم یا برمی گرداند.
  • ()html - محتوای عنصر/عناصر انتخاب شده را تنظیم یا برمی گرداند. (همراه با تگ های HTML)
  • ()val - محتوای فیلد/فیلدهای انتخاب شده داخل یک فرم را تنظیم یا برمی گرداند.

در مثال زیر، چگونگی تنظیم محتوی، با استفاده از متدهای ()text و ()html و ()val نشان داده شده است:

مثال (مقداردهی عناصر در jQuery)

$("#btn1").click(function(){
  $("#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 دو پارامتر دارد:

  1. index - شماره عنصر جاری در لیست عناصر انتخاب شده
  2. origValue - مقدار قبلی خصوصیت

در نهایت با استفاده از دستور return مقدار جدیدی را که در نظر دارید، تنظیم می کنید.

در مثال زیر، متدهای ()text و ()html همراه با تابع callback نشان داده شده است:

مثال (مقداردهی عناصر در jQuery)

$("#btn1").click(function(){
  $("#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)

$("button").click(function(){
  $("#w3s").attr("href","http://www.w3schools.com/jquery");
});
خودتان امتحان کنید »

در متد ()attr، می توان همزمان چند خصوصیت را مقدار دهی نمود.

در مثال زیر، چگونگی تنظیم خصوصیت های href و title بطور همزمان نشان داده شده است:

مثال (مقداردهی عناصر در jQuery)

$("button").click(function(){
  $("#w3s").attr({
    "href" : "http://www.beyamooz.com",
    "title" : "Beyamooz jQuery"
  });
});
خودتان امتحان کنید »

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

می توان متد ()attr را همراه با تابع callback استفاده نمود. تابع callback دو پارامتر دارد:

  1. index - شماره عنصر جاری در لیست عناصر انتخاب شده
  2. origValue - مقدار قبلی خصوصیت

در نهایت با استفاده از دستور return مقدار جدیدی را که برای خصوصیت در نظر دارید، تنظیم می کنید.

در مثال زیر، متد ()attr همراه با تابع callback نشان داده شده است:

مثال (مقداردهی عناصر در jQuery)

$("button").click(function(){
  $("#w3s").attr("href", function(i,origValue){
    return origValue + "/jquery";
  });
});
خودتان امتحان کنید »

jQuery HTML Reference

For a complete overview of all jQuery HTML methods, please go to our jQuery HTML/CSS Reference.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان