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

چاپ

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

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

در مثال زیر، چگونگی تنظیم محتوی، با استفاده از متدهای ()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" : "https://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.