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")。テキスト( "コンキュートモダンマジックライブラリへようこそ~~");
次の2つのポイントに注意する必要があります。
JavaScriptのInnerTextプロパティはFirefoxブラウザーの下で実行できず、JQueryのText()メソッドはすべてのブラウザーをサポートします。
テキスト()メソッドは、HTMLドキュメントとXMLドキュメントの両方で有効です。
フレンドリストを表示するとき、<p id = "p $ {friend.friendid}"> </p> friendの名前を表示する要素を設定して、jsファイルが<p> </p>要素のIDを動的に取得し、$( "#p"+userid).text(name)を正常に割り当てることができます。