jQuery-コンテンツと属性を設定する
コンテンツの設定-text（）、html（）、およびval（）
前のページと同じ3つの方法を使用して、コンテンツを設定します。
text()-選択した要素のテキストコンテンツを設定または返しますhtml()-選択した要素のコンテンツを設定または返します（HTMLマークアップを含む）val()-フォームフィールドの値を設定または返します
次の例は、jQuery 、、、およびメソッドを使用してコンテンツを設定する方法を示してtext()いhtml()ますval()。
例
$("#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（）のコールバック関数
text()上記の3つのjQueryメソッド（、、、html()および）にはすべてval()、コールバック関数も付属しています。コールバック関数には2つのパラメーターがあります。選択された要素のリスト内の現在の要素のインデックスと元の（古い）値です。次に、関数から新しい値として使用する文字列を返します。
次の例は、コールバック関数を使用して示しtext()ています。html()
例
$("#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 + ")";
});
});
属性の設定-attr（）
jQueryattr()メソッドは、属性値の設定/変更にも使用されます。
次の例は、リンクのhref属性の値を変更（設定）する方法を示しています。
例
$("button").click(function(){
$("#w3s").attr("href", "https://www.w3schools.com/jquery/");
});
このattr()メソッドでは、同時に複数の属性を設定することもできます。
次の例は、href属性とtitle属性の両方を同時に設定する方法を示しています。
例
$("button").click(function(){
$("#w3s").attr({
"href" : "https://www.w3schools.com/jquery/",
"title" : "W3Schools jQuery Tutorial"
});
});
attr（）のコールバック関数
jQueryメソッドattr()には、コールバック関数も付属しています。コールバック関数には2つのパラメーターがあります。選択された要素のリスト内の現在の要素のインデックスと元の（古い）属性値です。次に、関数から新しい属性値として使用する文字列を返します。
次の例はattr()、コールバック関数を使用して示しています。
例
$("button").click(function(){
$("#w3s").attr("href", function(i, origValue){
return origValue + "/jquery/";
});
});
jQueryの演習
jQueryHTMLリファレンス
すべてのjQueryHTMLメソッドの完全な概要については、 jQuery HTML / CSSリファレンスにアクセスしてください。