在jQuery中，text()和val()是常用的两种方法来获取或设置元素的值。这两种方法更加常见于表单元素中的input、textarea和select等。

//获取文本框中的值

var textValue = $(‘#textbox’).val();

//获取p元素中的文本内容

var pText = $(‘#paragraph’).text();

那么这两种方法到底有何不同呢？

text()方法用于获取或设置HTML元素的纯文本内容，并且会忽略所有HTML标记和节点。这意味着，如果在p元素中有一张图片或链接等HTML节点，则text()方法只会获取纯文本内容。

//设置p元素的文本内容

$(‘#paragraph’).text(‘这是一个段落’);

//获取p元素的文本内容

var pText = $(‘#paragraph’).text(); //输出结果：这是一个段落

val()方法用于获取或设置表单元素（input、textarea、select等）的值，而不管这个值是什么类型的。如果它是一个字符串、数值或数组，val()方法都可以返回这个值。

//设置文本框的值

$(‘#textbox’).val(‘这是一个文本框’);

//获取文本框的值

总的来说，既然text()方法获取的是HTML元素的纯文本内容，val()方法获取的是表单元素的值，它们的使用场景也就很容易区分。