آموزش مقداردهی یا قرار دادن محتوا در عناصر و خصوصیات HTML

 <p id="content1">This is a my first paragraph.</p>
<button>Set Text</button>

 $("button").click(function(){
        $("#content1").text("Hello world!");
    });

 <p id="content2">This is a my second paragraph.</p>
<button>Set HTML</button>

 $("button").click(function(){
        $("#content2").html("<b>Hello world!</b>");
    });

 <input type="text" id="content3" value="This is mys textbox">
<button>Set Value</button>

 $("button").click(function(){
        $("content3 ").val("Hello World!");
    });

 <p id="content1">This is first <b>bold</b> paragraph.</p>
<p id="content2">This is second <b>bold</b> paragraph.</p>

<button id="btn1">Show Old/New Text</button>
<button id="btn2">Show Old/New HTML</button>

 $("#btn1").click(function(){
        $("#content1").text(function(i, origText){
            return "Old text: " + origText + " New text: Hello world! (index: " + i + ")"; 
        });
    });

    $("#btn2").click(function(){
        $("#content2").html(function(i, origText){
            return "Old html: " + origText + " New html: Hello <b>world!</b> (index: " + i + ")"; 
        });
    });

 <a href="https://ilikephp.ir" title="this is my title" id="myLink">ilikephp.ir</a>
<br>
<button>Change href and title</button>

 $("button").click(function(){
        $("#myLink").attr({
            "href" : "https://ilikephp.ir/techshow/",
            "title" : "ilikephp.ir is a programming Tutorial"
        });
    });

 <a href="https://ilikephp.ir" id="myLink">ilikephp.ir</a>
<br>
<button>Change href Value</button>

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