jQuery が特別な属性の値を取得し、コンテンツを設定する方法

jQuery は特別な属性の値を取得し、コンテンツを設定します。 1. val メソッドを通じて form 要素の値を設定および取得します。 2. html メソッドを通じてコン​​テンツの値を取得します。そしてテキストメソッドの値を通じてコン​​テンツを設定します。

この記事の動作環境: Windows 7 システム、jquery バージョン 3.2.1、Dell G3 コンピューター。

この記事では、jQuery の特別な属性メソッドの使用法と要素の値を設定する方法を紹介します。一定の参考価値はありますので、皆様のお役に立てれば幸いです。

val メソッド

val メソッドは、input や textarea の値など、フォーム要素の値を設定および取得するのに適しています

//获取name的值
$("#name").val("");
//设置name的值
$("#name").val("张三");

html メソッド

html メソッドは innerHTML と同等であり、HTML タグを認識します

//获取内容的值
$("div").html("<span>今天天气真好</span>");

text メソッド

text メソッドは innerText と同等ですが、HTML タグを認識しません

//获取内容的值
$("div").text();
//设置内容的值
$("div").text("<span>今天天气真好</span>");

##innerHTML と innerText の違い

innerText 出力されるのはタグ間のテキスト情報です。これによりタグが除外されますが、Firefox の以前のバージョンではサポートされていません。

innerHtml タグ間のコンテンツ (タグを含む) を出力します。

width メソッドと height メソッド

この 2 つのメソッドは同じです

$(“img”).width(200);//设置图片的宽度
$(“img”).width();//获取图片的宽度;
例如获取可视区的宽高
$(window).width();
$(window).height();

#[注意]()内の内容が空の場合は内容の値を取得することを意味し、値がある場合は内容の値を設定することを意味します。

#jQuery 特殊属性メソッド

[jQuery チュートリアル]概要: の導入を通じてこの記事では、要素のテキスト値を取得し、テキストの内容を設定する方法と、視覚領域の幅と高さの値を設定する方法を学習したはずです。この記事が皆さんの学習に役立つことを願っています。

以上がjQuery が特別な属性の値を取得し、コンテンツを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。