تنظیم محتوا و صفات

فرستادن  محتوا – ()text  و ()html  و ()val

هر سه متد درس قبل را برای تنظیم محتوا استفاده خواهیم کرد:

()Text   - تنظیم یا برگرداندن محتوای عنصر انتخاب شده

()Html – تنظیم یا برگرداندن  محتوای عنصر انتخاب شده

()Val – نتنظیم یا برگرداندن مقدار فیلد های فرم

مثال های زیر طریق استفاده از سه متد بالا را نشان میدهد:

Example
$("#btn1").click(function(){
    $("#test1").text("Hello world!");
});
$("#btn2").click(function(){
    $("#test2").html("Hello world!");
});
$("#btn3").click(function(){
    $("#test3").val("Dolly Duck");
});

تابع بازگشتی برای ()text و ()html و ()val

هر سه متد جی کوئری بالا همچنین دارای یک فانکشن برگشتی هستند.

تابع برگشتی دو پارامتر دارد: شاخص عنصر فعلی از لیست عنصرهای انتخابی و مقدار اصلی.

بعد شما مقدار دلخواه رو به عنوان یک مقدار جدید از تابع برمیگردونید

مثال زیر طریقه استفاده از این سه متد را با تابع بازگشتی نشان می دهد:

$("#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 world!
        (index: " + i + ")";
    });
});

تنظیم ویژگی ها – ()attr

متد ()attr جی کوئری برای تنظیم/ تغییر مقدار ویژگی ها به کار می رود.

مثال زیر طریقه استفاده و تغییر (تنظیم) مقدار ویژگی href در عنصرa را نشان می دهد:

$("button").click(function(){
    $("#w3s").attr("href", "https://www.w3schools.com/jquery/");
});

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

$("button").click(function(){
    $("#w3s").attr({
        "href" : "https://www.w3schools.com/jquery/",
        "title" : "W3Schools jQuery Tutorial"
    });
});

تابع بازگشتی برای ()text() ، html و ()val

هر سه متد جی کوئری بالا همچنین دارای یک فانکشن برگشتی هستند.

تابع برگشتی دو پارامتر دارد: شاخص عنصر فعلی از لیست عنصرهای انتخابی و مقدار اصلی.

شما می توانید مقدار دلخواه را به عنوان یک مقدار جدید از تابع  برگردانید.

مثال زیر طریقه استفاده از متد های ()text() ، html  را با تابع بازگشتی نشان می دهد:

$("button").click(function(){
    $("#w3s").attr("href", function(i, origValue){
        return origValue + "/jquery/";
    });
});