HTML 要素のコンテンツまたはテキストを取得および設定するための JQuery 実装コード_jquery

まずデモを見てみましょう:

Script House PHP チュートリアルへようこそ

• スクリプト ハウス PHP チュートリアル
• わかりやすい JavaScript マジック
• わかりやすい JQuery マジック

html() メソッド

このメソッドは JavaScript の innerHTML 属性に似ており、特定の要素の HTML コンテンツの読み取りまたは設定に使用できます。要素のコンテンツを取得するには、次のようにします:

var p_html = $("p").html();	//获取p元素的HTML代码 

特定の要素の HTML コードを設定する必要がある場合は、このメソッドを使用することもできますが、それにパラメーターを渡す必要があります。たとえば、p 要素の HTML コードを設定するには、次のコードを使用できます:

//设置p元素的HTML代码
$("p").html("欢迎您访问脚本之家～～"); 

注: html() メソッドは XHTML ドキュメントには使用できますが、XML ドキュメントには使用できません。

text() メソッド

このメソッドは JavaScript の innerText 属性に似ており、要素内のテキスト コンテンツの読み取りまたは設定に使用できます。上記の HTML コードを引き続き使用し、text() メソッドを使用して p 要素を操作します:

var p_text = $("p").text(); //获取p元素的文本内容  

html() メソッドと同様に、要素のテキスト コンテンツを設定する必要がある場合は、パラメーターも渡す必要があります。たとえば、p 要素のテキスト内容を設定するには、コードは次のようになります:

// 设置p元素的文本内容
$("p").text("欢迎您访问脚本之家教程～～");  

次の 2 点にご注意ください。

1. JavaScript の innerText 属性は Firefox ブラウザでは実行できませんが、jQuery の text() メソッドはすべてのブラウザをサポートしています。

2. text() メソッドは、HTML ドキュメントと XML ドキュメントの両方に有効です。