搜索
您的当前位置:首页正文

jQuery中,html、val与text的区别与联系

来源:知库网

1. html方法

  • 不带参数的html方法

在html方法不带参数的情况下,取得的是html内容。例如:

html页面代码:

<h2><span>Hello</span></h2>

jquery代码:

$('h2').html();

返回值:<span>Hello</span>(String)

  • 带参数的html方法

jquery代码:

$('h2').html('Test');

结果:

<h2>Test</h2>

2. text方法

  • 不带参数的text方法

html页面代码:

<h2>Hello</h2>

jquery代码:

console.log($('h2').text());

结果:Hello

  • 带参数的text方法

jquery代码:

$('h2').text('Test');

结果:

<h2>Test</h2>

3. val方法

  • 不带参数的val方法

html页面代码:

<input id="test" value="Hello"/>

jquery代码:

console.log($('#test').val());

结果:Hello

  • 带参数的val方法

jquery代码:

$('#test').val('Test');

结果:

<input id="test" value="Test"/>

总结:html方法可以获取(修改)控件的文本,也可以获取(修改)控件内嵌套的html元素,text方法主要是用来获取控件(修改)的文本,而val方法主要是针对具有value属性的控件,可以获取(修改)控件的value值。

Top