菜单 学习猿地 - LMONKEY

 jquery text() val() html()之间的区别是什么?

jquery text() val() html()之间的区别是什么?

louishua profile image louishua ・1 min read

jquery text() val() html()之间的区别是什么?

● text()获取元素内的文本,相当于js中的innerText

● val()获取表单元素的值,相当于js中的input.value

● html()获取元素内的所有文本,包括html节点,相当于innerHTML

(推荐学习:jQuery 教程手册

举例:

1、text()

<p id="p1">一段文字</p>
<p id="p2">
    一段文字
</p>

$('#p1').text()  // 一段文字
$('#p2').text() //
    一段文字

2、val()

<input id="inp" value="abcd">

$('#inp').val()  // abcd

3、html()

<p id="p3">
    一段文字
</p>

$('#inp').html()  // 
<p id="p3">
    一段文字
</p>

评论 (0)