Latest web development tutorials

jQueryのは、コンテンツとプロパティを設定します

コンテンツを設定 - テキスト（）、HTML（）とval（）

我々は、前章と同様の方法を使用する三つの要素を設定します。

  • テキスト（） - 設定または選択した要素のテキストコンテンツを返します。
  • htmlの（） - 設定または（HTMLタグを含む）選択した要素の内容を返します
  • ヴァル（） - 値やフォームフィールドを返します

次の例では、テキスト（）、HTML（）とval（）メソッドがコンテンツを設定する方法を示しています。

例

$（ "＃Btn1」）。（（機能]をクリックします）{
$（ "＃Test1を"）テキスト（ "こんにちは！"）;
}）;
$（ "＃Btn2」）。（（機能]をクリックします）{
$（ "＃にTest2」）のhtml（" <B>こんにちは</ b>を！ "）;
}）;
$（ "＃Btn3」）。（（機能]をクリックします）{
$（ "＃Test3は」）のval（" w3big "）;
}）;

»をお試しください

テキスト（）、HTML（）とval（）コールバック関数

上記の3つのjQueryのメソッド：テキスト（）、HTML（）とval（）、また、コールバック機能を備えています。 現行基準の下で要素のリストで選択した要素だけでなく、元の（古い）値：2つのパラメータでコールバック。 次に、関数は、新しい文字列を使用する値を返します。

次の例では、コールバック（）とhtml（）を使用してテキストを示しています。

例

$（ "＃Btn1」）。（（機能]をクリックします）{
$（ "＃Test1を"）。テキスト（関数（I、origText）{
リターン "古いテキスト：" + origText + "新しいテキスト：こんにちは（インデックス:!" + I + "）";
}）;
}）;

$（ "＃Btn2」）。（（機能]をクリックします）{
$（ "＃Test2を"）。htmlの（関数（I、origText）{
「古いHTMLを：「返す+ origText + "新しいHTML：こんにちは<b>の世界</ B>（インデックス:!" + I + "）";
}）;
}）;

»をお試しください

属性を設定 - のattr（）

jQueryのATTR（）メソッドは、プロパティ値を設定/変更するために使用されます。

次の例では、値（設定）リンクのhref属性を変更する方法を示しています。

例

$（ "ボタン"）。（関数（）{をクリックします
$（ "＃W3big」）.ATTR（" HREF "、" http://www.w3big.com/jquery "）;
}）;

»をお試しください

ATTR（）メソッドは、同時に複数のプロパティを設定することができます。

次の例では、HREFとtitle属性の両方を設定する方法を示しています。

例

$（ "ボタン"）。（関数（）{をクリックします
$（ "＃W3big」）。のAttr（{
「Hrefの "：" http://www.w3big.com/jquery」、
"タイトル"： "jQueryのチュートリアル」
}）;
}）;

»をお試しください

ATTR（）コールバック関数

方法jQueryのattrが（）、また、コールバック関数を提供します。 現行基準の下で要素のリストで選択した要素だけでなく、元の（古い）値：2つのパラメータでコールバック。 次に、関数は、新しい文字列を使用する値を返します。

次の例では、コールバック関数attrの（）メソッドで示しています。

例

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

»をお試しください