ホームページ >ウェブフロントエンド >jsチュートリアル >jquery要素の内容: html()、text()、val()
jquery要素の内容: html()、text()、val()
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>元素的内容: html(),text(),val()</title> </head> <body> <div></div> <form> 邮箱: <input type="text" name="email"> <button>提交</button> </form> </body> </html>
html()は、パラメータに応じて、独自の読み取りおよび設定関数を持ちます
1。要素のコンテンツを設定します。ネイティブの innerHTML 属性と同じ、子要素またはテキストの任意のコンテンツを含めることができます。要素: ネイティブと同様 textContent 属性
は単一のタグ内のテキストを取得し、サブ要素タグ
var res = $('div').html('jQuery真的好方便')
要素コンテンツに複数のサブ要素がある場合要素に追加すると、これらのサブ要素のテキストがマージされます
var res = $('div').html('<h2>jQuery真的好方便</h2>')
最初に html() 出力を見てみましょう
var res = $('div').html()
次に text() メソッドを使用して出力し、2 つの出力結果を比較し、行に注目してくださいn
var res = $('div').text()
text()を使用してコンソールでブレークします。パラメータがある場合は、設定操作です
var res = $('div').html('<h2>jQuery真的好方便</h2><p>大家要好好学</p>')
3。 フォームコントロール: val()のvalue属性に相当するデータを取得または設定します。ネイティブの form 要素
var res = 'html()输出:'+$('div').html()
value 属性の値を読み取る
res += '\n' + 'text()输出:' + $('div').text()
value 属性の値を設定する
var res = $('div').text('祝愿大家早日成为一名合格的Web开发程序员')
コンソールで結果を表示する
$('button').click(function(){
以上がjquery要素の内容: html()、text()、val()の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。